支持IE,Firefox的javascript 日历控件

效果图：

其实学习的方法，就是会搜索的方法，会搜索才能更快的解决问题。
搜索方法： javascript 日历控件 site:jb51.net|
</p> <p><title>日期输入框演示-jb51.net</title><br /> script </p> <p>body{font-size:12px;font-family:Verdana,Arial,"宋体";}<br /> a:link {color:#464646;text-decoration:none;}<br /> a:visited {color:#464646;text-decoration:none;}iframe<br /> a:hover{color:#ed145b;text-decoration:underline;}<br /> a:active{color:#ed145b;text-decoration:underline;}<br /> td{font-size:12px}<br /> /*想要改输入日历控件的样子就改下面的CSS样式就可以了*/<br /> /*Date*/<br /> .header {font: 12px Arial, Tahoma !important;font-weight: bold !important;font: 11px Arial, Tahoma;font-weight: bold;color: #154BA0;background:#C2DEED;height: 25px;padding-left: 10px;<br /> }<br /> .header td {padding-left: 10px;}<br /> .header a {color: #154BA0;}<br /> .header input {background:none;vertical-align: middle;height: 16px;}<br /> .category {font: 12px Arial, Tahoma !important;font: 11px Arial, Tahoma;color: #92A05A;height:20px;background-color: #FFFFD9;}<br /> .category td {border-bottom: 1px solid #DEDEB8;}<br /> .expire, .expire a:link, .expire a:visited {color: #999999;}<br /> .default, .default a:link, .default a:visited {color: #000000;}<br /> .checked, .checked a:link, .checked a:visited {color: #FF0000;}<br /> .today, .today a:link, .today a:visited {color: #00BB00;}<br /> #calendar_year {display: none;line-height: 130%;background: #FFFFFF;position: absolute;z-index: 10;}<br /> #calendar_year .col {float: left;background: #FFFFFF;margin-left: 1px;border: 1px solid #86B9D6;padding: 4px;}<br /> #calendar_month {display: none;background: #FFFFFF;line-height: 130%;border: 1px solid #86B9D6;padding: 4px;position: absolute;z-index: 11;}<br /> .tableborder {background: white;border: 1px solid #86B9D6;}<br /> #year,#month{padding-right:10px;background:url(attachments/month_0701/8200714125245.gif) no-repeat center right;}/*图片路径可以改成自己的*/<br /> /*Date*/ </p> <p><!--记得哦，下面的代码得放在Body标签里，当然，放在页面最后面也可以（不过有可能会出现JS还未加载完毕时用户点击了下面的输入框，这样页面就会出错了。）--> </p> <p>选择日期： </p> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

• JavaScript blog式日历控件新算法
• js日历控件（可精确到分钟）
• php+javascript的日历控件
• JS 日历控件(蓝色)
• JS学习之一个简易的日历控件
• javascript实现日历控件(年月日关闭按钮)
• 修改js Calendar日历控件 兼容IE9/谷歌/火狐
• 简约JS日历控件 实例代码
• 原生js制作日历控件实例分享