百度用到的Js日历大家可以看看

(编辑：jimmy 日期: 2026/3/10 浏览：3 次 )

而且日历功能很强大，带有节日、农历等，运行看效果就明白了，相信不会让您失望的。

<title>百度的Js日历，值得一看</title>   <style> 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} </style>   公元&nbsp; <select> </select> &nbsp;年&nbsp; <select> </select> &nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;农历年&nbsp;[&nbsp;年&nbsp;]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="button" value="回到今天" title="点击后跳转回今天" style="padding:0px">  <ul id="wk"> <li>一</li> <li>二</li> <li>三</li> <li>四</li> <li>五</li> <li><b>六</b></li> <li><b>日</b></li> </ul>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：CSS 渐变背景的6个演示代码
下一篇：CSS 伪类实现的鼠标滑动图片链接

百度用到的Js日历 大家可以看看

百度用到的Js日历大家可以看看