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-重复工作不用再重复它的工作正常。
意味着它的使用文本框 – coderwill
可以请您给我一些提示如何使用? – coderwill
当然,angular-ui bootstrap是非常受欢迎的用于引导组件的组件,它的角度是http://angular-ui.github.io/bootstrap/#datepickerPopup – tanmay