如何将 ng-model 显示为不为空的日期，如果为空则不显示任何内容

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 在更改日期时正确设置控制器中的日期格式。