在我的应用程序中,我需要根据日期范围滑块设置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>
答案 0 :(得分:1)
如果是jQuery或bootstrapper插件,你一定要手动运行$digest
。在滑块更改事件。单击文本框时,您将触发$ digest。
只需添加:
scope.$apply();
onChange事件之后。