动态添加DateRangePicker的修改页面

今天做页面遇到的问题，页面需要动态生成，input的value是后台数据带过来的，要求点击此input的时候要显示日期控件选择时间。

首先，动态生成数据带dateRangePicker 是很简单的，将datePicker的初始化放在数据加载完成以后就可以，但是初始化datePicker后，input的值就变成了当前时间，开始的想法是将datePicker 的初始化放在了input的click事件中，但是显示没问题，一点击input，input的值就会自动变成当前日期，不符合要求，顺着这个思路想，初始化的时候将dateRangePicker的autoUpdateInput的值设置成false，当点击相应的input时，开启autoUpdateInput的值设置为true.具体代码入下：

定义dateRangePicker的初始化函数，在ajax调用完后，success最后调用此函数，注意这里设置了autoUpdateInput=false,

function itemDatePicker(){
	$('.itemDatePicker').daterangepicker({
		singleDatePicker: true,
		showDropdowns: true,
		autoUpdateInput : false,
		drops: 'up',
		locale: {
			format: 'MM/DD/YYYY'
		}
	});
}

在$(document).ready()函数中，动态绑定input的click事件，

$(document).on('click','.itemDatePicker',function(){
		$(this).data('daterangepicker').autoUpdateInput=true;
});

这样就可以解决了。