javascript - 如何将 bootstrap timepicker 与 angularjs 一起使用

Question

我正在使用 Eonasdan 日期时间选择器。这是我的代码

<div class="form-group">
    <div class='input-group date' id='datetimepicker'>
        <input type='text' ng-model="dtime" name="time" class="form-control"/>
        <span class="input-group-addon">
            <span class="glyphicon glyphicon-time"></span>
        </span>
    </div>
</div>

这个 js 用于时间选择器

<script type="text/javascript">
    (function () {
        $('#datetimepicker').datetimepicker({
            format: 'LT',
            enabledHours: [9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20]
        });
    })();
</script>

但是在我的 Controller 中我无法使用 $scope.dtime。它的值是未定义的。

Answer 1

有一个功能丰富的库，可以无缝集成 Bootstrap 和 AngularJS

https://angular-ui.github.io/bootstrap/#/datepicker

您不需要从头开始编写指令。始终使用 Angular 优先方法。

希望这对您有帮助。