尝试从md-datepicker重置/清除所选日期?

时间:2016-04-21 17:57:53

标签: angularjs typescript1.4

我有一个带有md-datepicker的搜索表单。表格中有“搜索”字样。和'清除'的按钮。

如果我们从md-datepicker中选择任何日期并单击“清除”按钮,它将清除所选日期,如下所示

_清除功能:_

clear = function () {
    let ctrl = this;
    ctrl.searchCriteria.begindate = null;
    ctrl.searchCriteria.enddate = null;
}

HTML:

<md-datepicker flex ng-model="sCtrl.searchCriteria.begindate" md-placeholder="Begin Date"></md-datepicker>
<md-datepicker flex ng-model="sCtrl.searchCriteria.enddate" md-placeholder="End Date"></md-datepicker>
<md-button class="md-primary ng-scope md-default-theme md-ink-ripple" ng-click="sCtrl.clear()">Clear</md-button>

如果我手动输入无效日期(例如:786/786/786)并点击表单上的清除按钮,则无法清除相应字段中的日期。

我在这个问题上搜索了很多内容,但是在这个问题上找不到合适的解决方案。任何帮助都会非常感激。

0 个答案:

没有答案