Materializecss datepicker 日期显示问题答案

【问题标题】：Materializecss datepicker Date display issueMaterializecss datepicker 日期显示问题
【发布时间】：2016-12-12 20:41:07
【问题描述】：

我正在使用 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>

但是，当我允许用户编辑表单并从模型中提取日期时，它看起来像这样（尽管有格式）：

有人知道如何修复格式吗？

【问题讨论】：

标签： angularjs datepicker materialize

【解决方案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
  });

【讨论】：

【解决方案2】：

在初始化 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' });

【讨论】：

没有帮助，很遗憾
好吧，让我换个方式试试。

【解决方案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 });

【讨论】：