md-datepicker入力形式

Question

角度材料で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からこのコードを使用して設定されている

はアクションで問題を参照するにはcodepenです。

入力形式を設定する方法はありますか？

Answer 1

フォーマット日付イベントでは不十分です。解析日のイベントも設定する必要があります。それはだhttp://codepen.io/anon/pen/GpBpwZ?editors=101

Answer 2

完全なソリューションベース：

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

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

Answer 3

config($mdDateLocaleProvider) { 
    $mdDateLocaleProvider.formatDate = function(date) {  
     if(date !== null) { 
     if(date.getMonthName == undefined) { 
      date.getMonthName = function() { 
      var monthNames = [ "January", "February", "March", "April", "May", "June", 
      "July", "August", "September", "October", "November", "December" ]; 
      return monthNames[this.getMonth()]; 
      } 
     }   
     var day = date.getDate(); 
     var monthIndex = date.getMonth(); 
     var year = date.getFullYear(); 
     return day + ' ' + date.getMonthName() + ' ' + year; 
     } 
    }; 
    } 

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

更新ペンを参照してください。