文档章节

解决 jQuery UI Datepicker 无法弹出日期的问题

轻松筹社长
 轻松筹社长
发布于 2014/03/31 15:23
字数 290
阅读 2181
收藏 1

今天遇到一个意想不到的bug,在使用jQuery UI Datepicker 时无法弹出日期选择框。

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


© 著作权归作者所有

轻松筹社长

轻松筹社长

粉丝 0
博文 5
码字总数 2342
作品 0
东城
CTO(技术副总裁)
私信 提问
jQuery UI datepicker 日期控件出现问号的解决方式

jQuery-ui的datepicker做得很不错,在项目中经常用到,但对其老是在界面上出现 “?” 感觉很不爽。出现的位置在顶部年和月之间,还有空的日期单元格。 这个问题困扰了我很长时间,一直想解决...

Chiroc
2012/09/20
0
2
jQuery UI Datepicker 添加时分秒

默认的jQuery UI Datepicker控件没有显示时分秒功能,需要进行时分秒插件的安装及配置。 demo 地址根据自己的环境去改正 下载地址:http://download.csdn.net/download/panruifang/8518257 ...

梦梦阁
2017/11/01
0
0
【jQuery-UI】jQuery Timepicker Addon--时间选择插件

jQuery UI官方的日期控件Datepicker中没有提供时间(时分秒)的选择,还好网上有人写了针对jQuery UI Datepciker的插件 - jQuery Timepicker Addon,它依赖于jQuery UI中的datepicker和slide...

5W1H-
2013/01/10
0
4
Jquery Dialog DatePicker 控件使用问题

场景: 项目中使用Jquery的DataPicker作为我们的时间控件。有个页面需要在Dialog中使用DatePicker时间控件。 问题: Jquery的DatePicker时间控件显示总是在Dialog层之下。 解决: 找到jquer...

保罗的寓言
2012/03/19
0
0
[备忘]jQuery UI Datepicker的时间选择插件 - jQuery Timepi...

太遗憾了,jQuery UI官方的日期控件Datepicker中居然没有提供时间(时分秒)的选择,还好网上有人写了针对jQuery UI Datepciker的插件——jQuery Timepicker Addon,它依赖于jQuery UI中的d...

leeoo
2011/12/27
0
2

没有更多内容

加载失败,请刷新页面

加载更多

idea下springboot 项目在static目录下添加文件不生效

idea下springboot 项目在static目录下添加文件不生效 问题描述 是这样子的,我的项目目录结构如下: 我在static目录下,创建了index.html和aaaa.jpg这两个文件。然后,启动服务访问 http://l...

wotrd
昨天
4
0
k8s1.14 一、环境

1. 4台虚拟机 (CentOS Linux release 7.2.1511 (Core) ) 192.168.130.211 master 192.168.130.212 node1 192.168.130.213 node2 192.168.130.214 node3 2. 设置服务器hostname 2.1 设置本机......

ThomasCheng
昨天
3
0
盖茨:如果我现在开创一家公司 将会专注于AI

新浪科技讯,北京时间 6 月 26 日凌晨消息,微软联合创始人比尔·盖茨(Bill Gates)在周一接受采访时表示,如果他今天从哈佛大学辍学并开创一家新公司,那么这家公司将会专注于人工智能(A...

linuxCool
昨天
1
0
聊聊feign的Retryer

序 本文主要研究一下feign的Retryer Retryer feign-core-10.2.3-sources.jar!/feign/Retryer.java public interface Retryer extends Cloneable { /** * if retry is permitted, retur......

go4it
昨天
9
0
HyperLogLog简介

  (1)HyperLogLog简介      在Redis 在 2.8.9 版本才添加了 HyperLogLog,HyperLogLog算法是用于基数统计的算法,每个 HyperLogLog 键只需要花费 12 KB 内存,就可以计算接近 2^64 个...

SEOwhywhy
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部