angularjs - md-datepicker 输入格式

Question

在 Angular Material 中使用 md-datepicker 指令时，日期格式似乎不适用于直接输入。

如果我在日历中选择一个日期，它将按指定显示(在我的例子中为 DD-MM-YYYY)，但如果我尝试手动更改输入，我的条目将被分析为 MM-DD-YYYY。

到目前为止，我的日期选择器是使用 this question 中的代码设置的

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

Here是一个代码笔，用于查看问题的实际情况。

有办法设置条目格式吗？

Answer 1

格式化日期事件还不够。您还应该配置解析日期事件。

$mdDateLocaleProvider.parseDate = function(dateString) {
  var m = moment(dateString, 'DD-MM-YYYY', true);
  return m.isValid() ? m.toDate() : new Date(NaN);
};

查看更新的笔:http://codepen.io/anon/pen/GpBpwZ?editors=101