angular-daterangepicker:如何读取更新的模型

Question

我使用的模块是"angular-daterangepicker“(来自here)，它必须绑定到作用域模型。当我这样做的时候，它会正确地初始化。但在更新时，此模型根本不会改变：

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

您需要在datapicker的change函数上使用以下代码

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