Как установить дату datetimepicker на основе ползунка в угловом js

Question

В моем приложении мне нужно установить дату datetimepicker на основе ползунка диапазона дат.

Я получаю даты от слайдера, но когда я иду установить его для datetimepicker, это не настройки. Текстовое поле для отображения дат остается пустым.

Во время перемещения слайдера я установил дату в значение datetimepicker ng-model.

Я нашел что-то странное, что после завершения движения ползунка он не показывает даты в текстовом поле datetimepicker, но когда я нажимаю на текстовое поле, это показывает.

Вот мой DateTimePicker:

<datetimepicker 
     ng-click="setStartDateSlider($index)" 
     hour-step="hourStep" 
     minute-step="minuteStep" 
     ng-model="startFrom[$index]" 
     show-meridian="showMeridian" 
     date-popup="{{format}}" 
     date-options="dateOptions" 
     date-disabled="disabled(date, mode)" 
     datepicker-append-to-body="false" 
     readonly-date="false" 
     disabled-date="false" 
     hidden-time="true" 
     hidden-date="false" 
     name="datetimepicker" 
     show-spinners="true" 
     readonly-time="false" 
     date-opened="dateOpened" 
     show-button-bar="false" 
     placeholder="Start From" > 

<!-- Use date-ng-click="open($event, opened)" to override date ng-click --> 

</datetimepicker> 

Answer 1

Если это JQuery или Загрузчик плагин, вы должны обязательно запускать $digest вручную. В случае изменения слайдера. Когда вы нажимаете на свое текстовое поле, вы запускаете $ digest.

Просто добавьте:

scope.$apply(); 

Сразу после OnChange события.