angular.js - bootstrap datepicker ID是变量怎么办？

问题描述

问 题

我使用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 模板渲染有一定的延迟

这篇关于angular.js - bootstrap datepicker ID是变量怎么办？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！