2017-02-06 16 views
0

У меня есть два сборщика дат и один раскрывающийся список, когда я выбираю раскрывающийся список, я хочу, чтобы выборщики по датам менялись в зависимости от выбранного элемента, см. Мой код ниже.Kendo Date Picker не обновляется после изменения k-ng-модели

$scope.toolbarOptions = { 
 
       items: [{ 
 
        template: "<label>From</label>" 
 
       }, { 
 
        template: "<input kendo-date-picker k-ng-model='startDate'/>", 
 
        overflow: "never" 
 
       }, { 
 
        template: "<label>To</label>" 
 
       }, { 
 
        template: "<input kendo-date-picker k-ng-model='endDate'/>", 
 
        overflow: "never" 
 
       }, { 
 
        template: "<label>Period</label>" 
 
       }, { 
 
        template: "<select kendo-drop-down-list k-value-primitive='true' k-change='periodChanged' k-ng-model='selectedPeriod' k-data-source='periodDataSource' style='width:150px'/>", 
 
        overflow: "never" 
 
       }]}; 
 

 

 
$scope.periodChanged = function() { 
 
      var value = $scope.selectedPeriod; 
 
      var day = new Date(), year = day.getFullYear(), month = day.getMonth(); 
 
      switch (value) { 
 
       case "Today": 
 
        $scope.startDate = day; 
 
        $scope.endDate = day; 
 
        return; 
 
       case "This Week": 
 
        var first = day.getDate() - day.getDay();; 
 
        var last = first + 6; 
 
        $scope.startDate = new Date(day.setDate(first)); 
 
        $scope.endDate = new Date(day.setDate(last)); 
 
        return; 
 
       case "This Month": 
 
        $scope.startDate = new Date(year, month, 1); 
 
        $scope.endDate = new Date(year, month + 1, 0); 
 
        return; 
 
       case "This Year": 
 
        $scope.startDate = new Date(year, 0, 1, 23, 59, 59); 
 
        $scope.endDate = new Date(year + 1, 0, 0); 
 
        return; 
 
       default: 
 
        return; 
 
      } 
 
     }

Но после того, как выбран пункт изменен, то выбор даты не изменится сразу, когда я выбираю другой элемент, предыдущий экран присвоенного значения в DatePicker. Кто-нибудь может помочь?

ответ

0

Просто позвоните в $ scope. $ Digest() может помочь обновить DatePicker