javascript - 带有角度和引导的数据选择器绑定

Question

我试图为一个网站制作一个数据选择器和一个时间选择器，我在这个网站上找到了解决方案。我使用角度，我不知道如何从输入中获取值。我尝试使用 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 指令将获得更好的数据绑定和支持，然后使用等效的 jQuery/Javascript 插件。

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

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

Answer 2

您应该使用指令进行 DOM 操作。

app.directive('datetimepicker', function() {
  return {
    restrict: 'A',
    link: function(scope, element) {
      $(element).datetimepicker();
    }
  }
});