Angularjs 从模型中设置角度日期格式

我有一个输入，它从

ng模型

获取一个datetime对象并显示它。不管出于什么原因，我根本无法正确格式化日期。但是，当我检查代码时，日期是格式化的。有人能解释一下吗

查看

输入值与实际显示值的对比

代码：


日期
值属性是初始值，
ng model
属性将值绑定到模型。您看到的是
ng model
中的绑定值

奖金：

要获得所需的显示日期，需要创建（）一个自定义指令，该指令将显示用户的角度和管道。这条管道负责将用户的输入（用户看到的）转换为代码可以使用的值，反之亦然，例如您的案例，将日期转换为用户可以看到/理解的值。
值属性是初始值，
ng model
属性将值绑定到模型。您看到的是
ng model
中的绑定值

奖金：

要获得所需的显示日期，需要创建（）一个自定义指令，该指令将显示用户的角度和管道。此管道负责将用户的输入（用户看到的）转换为代码可以使用的值，反之亦然，例如您的案例，将日期转换为用户可以看到/理解的值。
您不能在输入字段上使用过滤器。但是，您可以创建一个监视程序，使用指令中的筛选器格式化值。您不能在输入字段上使用筛选器。不过，您可以创建一个监视程序，使用指令中的过滤器对值进行格式化。
      <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>