我使用bootstrap的datepicker来做一个从日历获取日期的input,但是我的id是个变量,我的代码如下:
html:
<div ng-repeat="x in items">
<div class="input-group date">
<input class="form-control" type="text" id="{{x.id}}">
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
</div>
</div>
JS:
var ln=$scope.items.length;
for(var i=0; i<ln;i++){
var content=$scope.items[i].id || '';
$('#content').datepicker({
autoclose:true,
format: 'dd/MM/yyyy',
}).on("changeDate", function(v){
console.log(v.date);
var d = v.date;
var date= d.getDate();
var month= d.getMonth() + 1;
var year = d.getFullYear();
$scope.time =month+ "/" + date+ "/" + year;
});
}
可是并没有什么作用。感觉应该是 $('#content').datepicker这里写的不对。括号里面的内容如果是个变量,要怎么写呢?
封装个方法初始化插件,方法内初始化前判断$('#'+inputId).length>0 则初始化,否则加个定时器 推迟初始化,angular 模板渲染有一定的延迟