ui.bootstrap.datepicker清除按钮事件

时间:2015-06-17 08:01:29

标签: angularjs angularjs-directive angular-ui-bootstrap bootstrap-datepicker

目前正在使用 https://angular-ui.github.io/bootstrap/#/datepicker

如何连接清除按钮,以便在单击时可以通知我?

我喜欢喜欢什么时候 单击“清除”按钮,更改文本框值。

3 个答案:

答案 0 :(得分:2)

如果您在附加日期的模型上应用$ watch怎么样?

$scope.$watch('dt', function(){
    //do something
});

一旦触发Clear按钮,它将影响模型。

答案 1 :(得分:0)

你有没有尝试过"在plunkr编辑"在您提供的链接上?代码非常简单......

HTML

<datepicker ng-model="dt"></datepicker>
<button type="button" ng-click="clear()">Clear</button>

JS

$scope.clear = function () {
    $scope.dt = null;
    // do something else...
};

答案 2 :(得分:0)

根据上面的答案,您可以使用$scope.$watch检测已点击清除,如下所示:

$scope.$watch('dt', function(newValue, oldValue) {
   if (newValue=== null) {
      // Clear has been clicked
   }
});