关于新生成元素怎么绑定js事件，事件是bootstracp里的

下面是bootstracp的日历代码

//日历控件
     $('#datepicker,#datepicker1').datepicker()

//----双---------
	$(function () {
			var nowTemp = new Date();
			var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
			 
			var checkin = $('#dpd1').datepicker({
			  onRender: function(date) {
				return date.valueOf() < now.valueOf() ? 'disabled' : '';
			  }
			}).on('changeDate', function(ev) {
			  if (ev.date.valueOf() > checkout.date.valueOf()) {
				var newDate = new Date(ev.date)
				newDate.setDate(newDate.getDate() + 1);
				checkout.setValue(newDate);
			  }
			  checkin.hide();
			  $('#dpd2')[0].focus();
			}).data('datepicker');
			var checkout = $('#dpd2').datepicker({
			  onRender: function(date) {
				return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
			  }
			}).on('changeDate', function(ev) {
			  checkout.hide();
			}).data('datepicker');
        });

下面是界面新生成的input元素

function getmembers(data) {
			for (var i = 0; i < data.length; i++) {
				var tr = $("<tr></tr>");
				var td1 = $("<td><input type='checkbox' name='addm_chk_list' value='"+data[i].id+"'></input></td>");
				var td2 = $("<td></td>").text(data[i].userName);
				var td3 = $("<td></td>").text(data[i].department.deptName);
				var td4 = $("<td></td>").text(data[i].role.chinesename);
				var td5 = $("<td><div class='position form-group'><input id='dpd1' class='form-control' type='text'><i class='icon-calendar-a'></i></div></td>");
				var td6 = $("<td><div class='position form-group'><input id='dpd2' class='form-control' type='text'><i class='icon-calendar-a'></i></div></td>");
				var td7 = $("<td></td>");
				var td8 = $("<td></td>");
				tr.append(td1, td2, td3, td4,td5,td6, td7, td8);
				$("#addmembertable").append(tr);
			}
		};

该怎么修改bootstracp使js生成的dpd1和dpd2能够自动绑定日历控件

1 个解决方案

#1

代理到父元素上试试