angular-daterangepicker：如何讀取更新的模型

Question

我正在使用必須綁定到范圍模型的模塊“ angular-daterangepicker”（從此處開始 ）。 當我這樣做時，它將正確初始化。 但是在更新時，此模型完全不變：

HTML：

<input date-range-picker type="text" ng-model="dateRange" 
 options="dateRangeOpts" />

使用Javascript：

$scope.dateRange = {
  startDate: '2015-03-01',
  endDate: '2015-03-05'
};
$scope.dateRangeOpts = {
  format: 'YYYY-MM-DD'
};

// watch: Not working
$scope.$watch('dateRange', function(newDate) {
  console.log('New date set: ', JSON.stringify(newDate));
}, false);

直接更改dateRange ，將調用$watch 。 使用daterangepicker時，什么也不會發生。

由於監視機制來自示例，並且角度包裹器似乎處於活動狀態，因此我認為我做錯了什么。 如何獲得更新的模型？

解決方法是，我使用JQuery和ng-change讀取輸入值。

Answer 1

您需要在數據選擇器的更改功能上使用以下代碼

$scope.$apply(
     function(){
        $scope.varible = date;
    }
);

Answer 2

我遇到了同樣的問題。 僅當我對日期使用字典時，它才有效。 這有效：

    $scope.daterangepicker = {
        dates : { startDate: null, endDate: null } 
        };
    $scope.$watch("daterangepicker.dates", function(newDates, oldDates) {
        console.log("New date set: ", newDates);
    }, false);