今天做頁面遇到的問題，頁面需要動態生成，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;
});

這樣就可以解決了。