输入字段更改时的angularJs日期格式答案

【问题标题】：angularJs date formatting on input field change输入字段更改时的angularJs日期格式
【发布时间】：2016-05-24 11:17:32
【问题描述】：

这是我的日期输入字段：

        <div class="input-group date">
            <input type="text" class="form-control" id="datepicker" placeholder="dd/mm/yyyy" ng-model="abs.date">
        </div>

此字段的值根据智能表中选择的项目进行更新。问题是选择项目时显示的是时间戳，我需要它采用“dd/mm/yyyy”格式。在这种情况下如何应用过滤器而不修改其背后的 $scope 值？

【问题讨论】：

标签： javascript angularjs date

【解决方案1】：

您可以通过在绑定中添加“| date:'dd/MM/yyyy'”来做到这一点。像这样：

<div class="input-group date">
            <input type="text" class="form-control" id="datepicker" placeholder="dd/mm/yyyy" ng-model="abs.date | date:'dd/MM/yyyy'">
        </div>

【讨论】：

顺便说一句，这可以完成工作但由于docs.angularjs.org/error/ngModel/nonassign的原因而引发错误
如果它抛出那个错误，它可能是两件事。 1没有值或2它不是javascript中的日期对象。对于最后一个，您需要将您的值转换为日期。这在我的大部分时间里都解决了这个错误。
由于angularjs官方页面中提到的原因，它会抛出错误。您的所有案例均无效。它具有价值，对象是日期并引发错误。 ng-model 只是值的持有者，而不是用于数据操作。更好的方法是为此制定指令。一个很好的例子stackoverflow.com/questions/14474555/…