md-datepicker输入错误-AngularJS

时间:2018-08-27 08:46:55

标签: html angularjs angularjs-filter angularjs-material

在输入中手动选择不存在的日期时-日历中的日期显示了我期望的日期,但是输入-则没有。我有以下内容:

<md-datepicker name="startDate" class="custom-datepicker" ng-model="models.startDate" md-placeholder="Enter date" ng-required="true"
               md-max-date="models.maxDate" ng-change="onDateChange()">
</md-datepicker>

因此,当我手动输入2月31日时,我会看到: enter image description here

以及打开日历时:enter image description here

我已经找到了解决方案(更改“ onDateChange”函数中的值),但是此日历已使用了30次,因此我想避免在各处添加这些日历。还有其他解决方案可能会有所帮助(可能会为您提供其他建议的过滤或其他方法)?

1 个答案:

答案 0 :(得分:0)

从官方文档中,我得到以下代码:

<md-datepicker ng-model="birthday"></md-datepicker>

您的实现是:

<md-datepicker name="startDate" class="custom-datepicker" ng-model="models.startDate" md-placeholder="Enter date" ng-required="true" md-max-date="models.maxDate" ng-change="onDateChange()"> </md-datepicker>

由于您已经在ng-model上使用models.startDate完成了双向数据绑定,因此无需使用onDateChange()函数来更改模型的值。 请进一步指定JS文件的内容以解决歧义。