在日期選擇上添加點擊事件angular-ui bootstrap

Question

我想在用戶在angular-ui datetimepicker中選擇日期時執行一些操作。

<input type="text" class="form-control" 
     uib-datepicker-popup="{{dashctrl.format}}" 
     ng-model="dashctrl.checkOutDtDashboard" 
     is-open="dashctrl.popup2.opened" 
     datepicker-options="dashctrl.dateOptionsCheckOut" 
     ng-required="true" 
     close-text="Close" 
     alt-input-formats="dashctrl.altInputFormats" /> 

控制器是這樣的：DashController as dashctrl

在相關負責人在我的日曆滴出，有日期，我可以選擇，及後選擇日期，我想執行一些動作。

在庫中的日期選擇上已經有一個select(dt.date)方法，但是如何在控制器中使用它。

我嘗試使用

1. $rootScope.select
2. $scope.select

但這些都不是我的代碼工作。

Answer 1

您可以對輸入進行ng更改並將其映射到控制器上的某個功能。這將在用戶在日期選擇器中選擇日期後觸發。這聽起來不像你想重寫datepicker select的功能，所以我認爲這應該工作。

Answer 2

在DashController控制器註冊您的日期選擇器ng-model一個$watch：

$scope.$watch('checkOutDtDashboard', function(newDate) { 
    if (newDate) { 
     console.log("Got the new date", newDate, "or", $scope.checkOutDtDashboard); 
    } 
});