Materializecss datepicker日期顯示問題

Question

我正在使用Materializecss'datepicker函數作爲窗體的一部分。當用戶點擊的輸入和輸入所選擇的日期，輸入被正確格式化如下所示：

我通過執行創建這個格式與角：

<div class="input-field col l4"> 
    <input value="" ng-model="note.contactHistoryNoteDate | date:'MMMM dd, yyyy'" id="contactHistoryNoteDate1{{$index}}" type="text" class="datepicker addnote"> 
    <label for="contactHistoryNoteDate1">DATE</label> 
</div> 

然而，當我允許用戶編輯表格，我從模型中取出日期，它看起來像這樣（儘管格式化）：

任何人都知道如何修復格式？

$('.datepicker').pickadate({ 
    selectMonths: true, // Creates a dropdown to control month 
    selectYears: 15, // Creates a dropdown of 15 years to control year 
    format: 'mm dd yyyy' }); 

Answer 1

嘗試在初始化設置日期選擇器的日期格式。它可以爲你工作

format: 'd mmmm, yyyy',

format: 'mm/dd/yyyy',

$('.datepicker').pickadate({ format: 'd mmmm, yyyy', // Default format selectMonths: true, selectYears: 15 });

$('.datepicker').pickadate({ format: 'mm/dd/yyyy', // Default format selectMonths: true, selectYears: 15 });

Answer 2

嘗試這些格式：

CODE -