解决 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