У меня проблема, я сейчас пытаюсь использовать daterangetimepicker из http://www.daterangepicker.com/, чтобы выбрать дату для материала. Проблема в том, что когда я выбираю дату, используя ее, моя ng-модель обновляется только один раз, а затем она больше не запускается и не обновляется, за исключением случаев, когда вручную вводится дата в поле ввода.
В HTML:
<span>{{event.startDate}}</span>
<input style = "display:inline-block; width:auto;" type = "text" class = "form-control inper dateBox" id = "dateEventStart" placeholder = "Date de début" min = "01/01/2018" ng-change = "changeDate()" ng-model = "event.startDate"/>
В контроллере:
$('#dateEventStart').daterangepicker({
opens: "center",
autoApply: true,
singleDatePicker: true,
startDate: $scope.event.startDate,
locale: {
format: 'DD/MM/YYYY',
daysOfWeek: [
"Di",
"Lu",
"Ma",
"Me",
"Je",
"Ve",
"Sa"
],
monthNames : [
"Janvier",
"Février",
"Mars",
"Avril",
"Mai",
"Juin",
"Juillet",
"Aout",
"Septembre",
"Octobre",
"Novembre",
"Décembre"
],
}
}, function(start, end, label) {
$scope.event.startDate = start
});
Мой диапазон не обновляется каждый раз, когда я использую daterangepicker, и я не знаю почему, но он обновляется, если я изменяю дату вручную. Любая идея ?
Когда вы обновляете область действия из стороннего кода, вам нужно использовать
$apply()
, чтобы сообщить angular о необходимости запуска дайджеста.