Question

我使用angularjs web api为crud操作的用户创建小型演示。所以在这里我为添加用户创建了一个小表单。在这个表单中存储了出生日期，所以我想需要一个引导日期选择器。但是应用datepicker类的这个文本框存放在ng-repeat上以便时间datepicker未在此文本框中打开。删除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工作正常。

Answer 1

我在这里得到了解决方案，我按照这个链接使用了日期选择器：

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

bootstrap datepicker不使用angularjs在ng-repeat中工作？

1 个答案: