如何将ng-model显示为日期，而不是null，如果为null，则不显示任何内容

Question

我有一个像这样的文本框：

<input type="text" class="form-control" id="date" ng-model="date | date:'yy-MM-dd'"/>

但有时候日期会为空，会导致错误：[ngModel:nonassign]。我该怎么做才能解决它？

Answer 1

您无法使用ng-model="date | ..."，因为过滤器会使此无法分配，这就是您收到错误的原因：https://docs.angularjs.org/error/ngModel/nonassign

相反，只需使用ng-model="date"如果您希望日期以特定格式显示，您可能需要使用type="date"作为输入。您还可以使用ng-keyup在控制器更改时正确格式化日期。