而且日历功能很强大,带有节日、农历等,运行看效果就明白了,相信不会让您失望的。
百度的Js日历,值得一看
body,td,.p1,.p2,.i{font-family:arial}
body{margin:6px 0 0 0;background-color:#fff;color:#000;}
table{border:0}
#cal{width:434px;border:1px solid #c3d9ff;font-size:12px;margin:8px 0 0 15px}
#cal #top{height:29px;line-height:29px;background:#e7eef8;color:#003784;padding-left:70px}
#cal #top select{font-size:12px}
#cal #top input{padding:0}
#cal ul#wk{margin:0;padding:0;height:25px}
#cal ul#wk li{float:left;width:60px;text-align:center;line-height:25px;list-style:none}
#cal ul#wk li b{font-weight:normal;color:#c60b02}
#cal #cm{clear:left;border-top:1px solid #ddd;border-bottom:1px dotted #ddd;position:relative}
#cal #cm .cell{position:absolute;width:42px;height:36px;text-align:center;margin:0 0 0 9px}
#cal #cm .cell .so{font:bold 16px arial;}
#cal #bm{text-align:right;height:24px;line-height:24px;padding:0 13px 0 0}
#cal #bm a{color:7977ce}
#cal #fd{display:none;position:absolute;border:1px solid #dddddf;background:#feffcd;padding:10px;line-height:21px;width:150px}
#cal #fd b{font-weight:normal;color:#c60a00}
#cal #top{padding-top:4px}
#cal #top input{width:65px}
#cal #fd{width:170px}
公元
年
月 农历年 [ 年 ]
一
二
三
四
五
六
日
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
推荐阅读
JavaScript 动态添加表格行 使用模板、标记
对于复杂的操作情况,比如:添加一行之后,在这一行上还要进行相关的操作会显得有些吃力;本人比较喜欢表现层使用模板、标记填充数据的做法,于是自己做手做了个小组件,与大家一起分享。
组件运行截图:
设计思路>>>详细阅读
本文标题:百度用到的Js日历 大家可以看看
地址:http://www.17bianji.com/kaifa2/JS/27889.html
1/2 1