2017-04-14 56 views
0

我使用angularjs web api为crud操作的用户创建小型演示。所以在这里我已经创建一个小表格添加user.in这个表格存储生日提交日期,所以我想需要采取一个引导日期picker.but这个文本框应用datepicker类是存储在ng重复,这样的时间datepicker未在此文本框中打开。删除ng - 重复它工作正常。这里下面我已经显示我的HTML任何一个知道如何修复它,请让我知道。bootstrap datepicker不使用angularjs在ng-repeat中工作?

这是我的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-重复工作不用再重复它的工作正常。

+0

意味着它的使用文本框 – coderwill

+0

可以请您给我一些提示如何使用? – coderwill

+0

当然,angular-ui bootstrap是非常受欢迎的用于引导组件的组件,它的角度是http://angular-ui.github.io/bootstrap/#datepickerPopup – tanmay

回答