更改k-ng-model后，Kendo Date Picker不刷新

Question

I have two date pickers and one dropdownlist, when I select the dropdownlist, I want the date pickers change based on the selected Item, please see my code below.

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

But after selected item changed, the date pickers will not change directly, when I select another item, the previous assigned value display in the datepicker. Anyone can help?

Answer 1

只需调用$ scope。$ digest（）可以帮助更新DatePicker