如何在 angular js 中根据滑块设置 datetimepicker 日期

Question

在我的应用程序中，我需要根据日期范围滑块设置日期时间选择器的日期。

我正在从滑块获取日期，但是当我为 datetimepicker 设置它时，它不是设置。显示日期的文本字段保持为空。

在移动滑块时，我已将日期设置为 datetimepicker ng-model 值。

我发现一些奇怪的事情，滑块移动完成后，它不在 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 事件之后。

如何在 angular js 中根据滑块设置 datetimepicker 日期

How to set datetimepicker date based on slider in angular js

datetimepicker

angularjs