Materialisecss datepicker日期显示问题

Question

我使用Materializecss的datepicker函数作为表单的一部分。当用户单击输入并输入所选日期时，输入的格式正确如下所示：

我通过以下方式使用Angular创建了这种格式：

<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

您需要将setDefaultDate设置为true;

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

Answer 2

初始化datepicker时尝试设置日期格式 -

CODE：

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

尝试这些格式。它可能适合你

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