引导日期选择器在使用 angularjs 的 ng-repeat 中不起作用？答案

【问题标题】：bootstrap datepicker not working in ng-repeat using angularjs?引导日期选择器在使用 angularjs 的 ng-repeat 中不起作用？
【发布时间】：2017-04-14 06:07:46
【问题描述】：

我正在使用 angularjs web api 为用户创建关于 crud 操作的小演示。所以在这里我为添加用户创建了一个小表单。在这个表单中存储出生日期，所以我需要一个引导日期选择器。但是应用日期选择器类上的这个文本框存储在 ng-repeat 上日期选择器未在此文本框中打开。删除 ng-repeat 它工作正常。在下面我展示了我的 html，任何人都知道如何修复它，请告诉我。

这是我的 html 页面：

<div ng-repeat="btn in btnelement" id="{{$index}}">                      
<div class="row">
    <div class="col-md-6">
        <div class="form-group">
            <label>Date of birth</label>
            <input type="text" class="form-control datepicker" id="txtdob" ng-model="btn.dob" />                                        
        </div>
    </div>                                
</div>

这是准备好的文档脚本：

$(document).ready(function () {        
    $('.datepicker').datetimepicker({
        format: 'YYYY-MM-DD',
        icons: {
            time: "fa fa-clock-o",
            date: "fa fa-calendar",
            up: "fa fa-chevron-up",
            down: "fa fa-chevron-down",
            previous: 'fa fa-chevron-left',
            next: 'fa fa-chevron-right',
            today: 'fa fa-screenshot',
            clear: 'fa fa-trash',
            close: 'fa fa-remove'
        }
    });

这是日期选择器，它不能在 ng-repeat 中工作，没有 ng-repeat 它工作正常。

【问题讨论】：

表示它在哪里使用？在文本框中
你能给我一些提示如何使用吗？
当然，angular-ui bootstrap 是非常流行的 Angular 引导组件库 angular-ui.github.io/bootstrap/#datepickerPopup
用我的代码这是不可能的？我的 html 有什么错误吗？
实际上这个日期选择器与我的模板匹配，这就是我使用它的原因，所以我需要在这个日期选择器解决方案上对此有任何想法？

标签： angularjs datepicker

【解决方案1】：

我在这里找到了解决方案，我点击此链接并使用了日期选择器：

http://www.encodedna.com/angularjs/tutorial/how-to-implement-jquery-ui-datepicker-in-angularjs.htm#comment-3255701689

【讨论】：