解决jQueryUIDatepicker无法弹出-创新互联

今天遇到一个意想不到的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

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

当前题目：解决jQueryUIDatepicker无法弹出-创新互联
网站链接：https://www.cdcxhl.com/article26/dsosjg.html

成都网站建设公司_创新互联，为您提供网站营销、品牌网站建设、域名注册、虚拟主机、面包屑导航、品牌网站制作

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联