解決 jQuery UI Datepicker 沒法彈出日期的問題

今天遇到一個意想不到的bug，在使用jQuery UI Datepicker 時沒法彈出日期選擇框。

通過和官方的演示案例對比，最終找到了問題所在。

我使用的錯誤方法：

<input type="text" id="to" name="to_date" class="xxshort form-text hasDatepicker" />

或者
正確的用法：

<input type="text" id="to" name="to_date" class="xxshort form-text" />

或者
hasDatepicker 是來自點擊文本框後，jQuery UI Datepicker 彈出日期選擇時生產的類。

因此這個類必定不能提早加到文本框中的class中。

查看jQuery UI Datepicker是否初始化裝載到頁面，只需經過調試工具查看body中是否裝入了Datepicker的div層。

好比：

<div id="datepicker_div"></div>

或者

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

若是以上div內生成HTML，沒法看到彈出框的話，就說明是日期的css沒有加載上。

查看更多:  解決 jQuery UI Datepicker 沒法彈出 | LixiPHP - 專一於建設高品質網站! http://blog.lixiphp.com/query-ui-datepicker-not-working/#ixzz2xWTJDyP2