2017.1.15
2020.1.16

【Angular Material】md-datepickerの日付フォーマットを指定

Angular Materialのmd-datepickerで表示する日付のフォーマットを変更する方法です。

コード

angularのconfigでフォーマット用の変換メソッドを設定すればいいみたいです。


angular.module('myApp').config(function($mdDateLocaleProvider) {
    $mdDateLocaleProvider.formatDate = function(date) {
       return moment(date).format('YYYY-MM-DD');
    };
});

上記のコードではフォーマットの変換にmoment.jsを利用しています。moment.jsを利用しない場合は、自分で作成するか他の変換メソッドを用意します。

参考リンク

AngularJS】関連記事