模型的角度日期格式[重复]答案

【问题标题】：Angular date formatting from model [duplicate]模型的角度日期格式[重复]
【发布时间】：2016-12-28 15:35:04
【问题描述】：

我有一个从ng-model 获取日期时间对象并显示它的输入。无论出于何种原因，我根本无法正确格式化日期。但是，当我检查代码时，日期已格式化。谁能解释一下？

查看input value 与实际显示的内容

代码：

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

【问题讨论】：

您不能在输入字段上使用过滤器。不过，您可以创建一个观察者，使用指令中的过滤器格式化值。

标签： angularjs

【解决方案1】：

value 属性是初始值，ng-model 属性将值绑定到模型。您看到的是来自ng-model 的绑定值。

奖金：
要根据需要显示日期，您需要创建 (or find) 一个自定义指令，该指令将使用 angular 的 parsers 和 formatters 管道。此管道负责将用户的输入（用户看到的内容）转换为代码可以使用的值，反之亦然，例如您的情况，将日期转换为用户可以看到/更有意义的内容。

【讨论】：