Ui.bootstrap.datepicker Clear button event

Question

How can I connect a clear button so that when I click it I can be notified?

I like something like this, when Click the Clear button, change the value of the textbox.

+3

ove June 17. At 8:01 am

3 answers

Pete · Answer 1 · 2016-05-27T09:24:39+0000

How about if you use $ watch on the model that the date is bound to?

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

Because after the Reset button is clicked it will affect the model.

ippi · Answer 2 · 2015-06-17T08:26:39+0000

Have you tried looking at the "edit in plunkr" link you provided? The code is very simple ...

Html

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

Js

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

squeakyD · Answer 3 · 2016-09-10T21:32:09+0000

Following the above answer, you may find that Clear was clicked with $scope.$watch

like this:

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