以前沒怎麼用過easyUI，今天用到時間控制元件，又瞭解到了一點東西
時間控制元件的樣式

 <input class="easyui-datetimebox" id="starttime" name="starttime" style="width:150px" />

然後通過js 動態的新增的時候，使用append新增

container.append('開始時間< input class="easyui-datetimebox" id="starttime" name="starttime" style="width:150px" />');

在頁面只是一個文字框，右側不顯示選擇時間的小按鈕，控制元件不能載入
查詢的得知，easyUI屬性的載入是在渲染頁面的時候完成，當頁面渲染完成之後，通過js動態呼叫再新增的easyUI的控制元件就不再起效果，需要手動的進行載入，於是新增：

$.parser.parse(container);

這樣就可以將新添加了easyui-datetimebox屬性載入到頁面

但是在獲取資料的時候又出現問題，通過id無法獲取值，通過除錯得到，時間控制元件會生成一個隱藏域，裡面是選擇的時間，但是這個隱藏域裡沒有id屬性，但是有name屬性，於是使用name可以獲取值

$("input[name='starttime']").val()

於是通過：

container.append('開始時間<input class="easyui-datetimebox" id="starttime" name="starttime"
 
 style="width:150px" />');
container.append('結束時間<input class="easyui-datetimebox" id="endtime" name="endtime" style="width:150px" />');
$.parser.parse(container);

效果如下：

檢視具體的值存放：

可以看到，選擇的時間“2017-12-26 13:45:03”沒有顯示在自己定義的input標籤裡，而是在easyUI自己生產的一個隱藏域裡面。