如何根据角度js

时间:2016-09-10 20:52:47

标签: angularjs datetimepicker

在我的应用程序中,我需要根据日期范围滑块设置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>

1 个答案:

答案 0 :(得分:1)

如果是jQuery或bootstrapper插件,你一定要手动运行$digest。在滑块更改事件。单击文本框时,您将触发$ digest。

只需添加:

scope.$apply();

onChange事件之后。