模型的角度日期格式

Question

我有一个输入，从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>

Answer 1

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

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