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

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-change並將其映射到控制器上的函數。 用戶在日期選擇器中選擇日期后，將觸發此操作。 這聽起來並不像你試圖覆蓋datepicker選擇的功能，所以我認為這應該工作。

Answer 2

在DashController控制器中的DashController ng-model中注冊$watch ：

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