国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > jquery > jquery jCalendar.js 日期选择插件

jquery jCalendar.js 日期选择插件

来源:程序员人生   发布时间:2013-12-19 14:47:23 阅读次数:2587次
文件下载:jCalendar.js

jQuery支持文件:jquery 1.3.1以上

样式文件示例:

/*css for jCalendarSelector*/

#jCalendarSelector{position:absolute;border:1px solid #7b9ebd ;background:#efefef;padding:2px 3px;z-index:1999;}

#jCalendarSelector thead th{height:20px; line-height:20px;}

#jCalendarSelector tbody .dateCell a{display:block;width:20px; height:20px; line-height:20px;border:1px solid #fff; background:#D1FFD1;}
#jCalendarSelector tbody .dateCell a:hover{border-color: red;}

#jCalendarSelector tbody .selected a{color:#fff; background:green;}
#jCalendarSelector tbody .prev a,#jCalendarSelector tbody .next a{background:#efefef;}

#jCalendarSelector tbody .disabled a{ cursor:default; background:#ccc;border-color:#ccc;color:#ACA899;}
#jCalendarSelector tbody .disabled a:hover{ border-color:#ccc;}
生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生