解决 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
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。