javascript - 带有 Angular 和 Bootstrap 的日期选择器绑定(bind)

Question

我尝试为网站制作一个数据选择器和时间选择器，我在 this site 上找到了解决方案。我使用 Angular ，我不知道如何从输入中获取值。我尝试使用 ng-model，但没有成功。

这是html代码:

<div class="container">
<div class="row">
    <div class='col-sm-6'>
        <input type='text' class="form-control" id='datetimepicker4' />
    </div>
    <script type="text/javascript">
        $(function () {
            $('#datetimepicker4').datetimepicker();
        });
    </script>
</div>

如何解决这个问题？

谢谢。

Answer 1

我建议查看Bootstrap UI 。它是 Boostrap UI 元素的集合，转换为 Angular.js 指令。您会发现使用 Angular.js 指令将具有更好的数据绑定(bind)和支持，然后使用等效的 jQuery/Javascript 插件。

链接中包含的 Bootstrap UI 组件之一是“ui.bootstrap.datepicker Directive”。给你一个例子来说明这个指令的样子，以及 Angular 友好的日期选择器的样子:

<uib-datepicker ng-model="date" min-date="minDate"></uib-datepicker>