jqueryui datepicker失效

標籤：jqueryui datepicker

    實現編輯使用者資訊功能時使用了jqueryui的datepicker，但是只有第一次在列表中選中使用者才能觸發彈出框。

datepicker會在方法初始化時在頁面尾部附加一個

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div>

點擊input後修改其樣式並在內容裡附加彈出框代碼。

    因為項目中使用的方法是將編輯頁面的html內容附加到父頁面的一個div中，選擇其他對象時第一次調用datepicker後產生的div也被附加了進去。

在js代碼的$(obj).datepicker()前加一句

$("#ui-datepicker-div").remove();

具體原因沒有詳細查過，大概跟datepicker控制項的初始化代碼有關。

jqueryui datepicker失效