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);