Materializecss datepicker Date display issue

Question

Я использую функцию datepicker Materializecss как часть формы. Когда пользователь нажимает на вход и вводит выбранную дату, вход правильно отформатирован, как показано:

Я создал этот формат с Угловым, выполнив:

<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> 

Однако, когда я позволяю пользователь может отредактировать форму, и я вытаскиваю дату из модели, она выглядит так (несмотря на форматирование):

Кто-нибудь знает, как исправить форматирование?

Answer 1

Попробуйте установить формат дату при инициализации DatePicker -

КОД:

$('.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 2

Попробуйте этот формат. Он может также работать для вас

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 });