站长资源 网络编程

支持IE,Firefox的javascript 日历控件

整理:jimmy2026/8/6浏览2次

简介效果图：其实学习的方法，就是会搜索的方法，会搜索才能更快的解决问题。搜索方法： javascript 日历控件 site:jb51.net| 日期输入框演示-jb51.net script body{font-size:12px;font-family:Verdana,Arial,"宋体";}

效果图：

其实学习的方法，就是会搜索的方法，会搜索才能更快的解决问题。
搜索方法： javascript 日历控件 site:jb51.net|

<html> <head> <title>日期输入框演示-jb51.net</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312">script <style> body{font-size:12px;font-family:Verdana,Arial,"宋体";} a:link {color:#464646;text-decoration:none;} a:visited {color:#464646;text-decoration:none;}iframe a:hover{color:#ed145b;text-decoration:underline;} a:active{color:#ed145b;text-decoration:underline;} td{font-size:12px} /*想要改输入日历控件的样子就改下面的CSS样式就可以了*/ /*Date*/ .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; } .header td {padding-left: 10px;} .header a {color: #154BA0;} .header input {background:none;vertical-align: middle;height: 16px;} .category {font: 12px Arial, Tahoma !important;font: 11px Arial, Tahoma;color: #92A05A;height:20px;background-color: #FFFFD9;} .category td {border-bottom: 1px solid #DEDEB8;} .expire, .expire a:link, .expire a:visited {color: #999999;} .default, .default a:link, .default a:visited {color: #000000;} .checked, .checked a:link, .checked a:visited {color: #FF0000;} .today, .today a:link, .today a:visited {color: #00BB00;} #calendar_year {display: none;line-height: 130%;background: #FFFFFF;position: absolute;z-index: 10;} #calendar_year .col {float: left;background: #FFFFFF;margin-left: 1px;border: 1px solid #86B9D6;padding: 4px;} #calendar_month {display: none;background: #FFFFFF;line-height: 130%;border: 1px solid #86B9D6;padding: 4px;position: absolute;z-index: 11;} .tableborder {background: white;border: 1px solid #86B9D6;} #year,#month{padding-right:10px;background:url(attachments/month_0701/8200714125245.gif) no-repeat center right;}/*图片路径可以改成自己的*/ /*Date*/ </style>  </head> <body>   选择日期：<input name="member.birth" type="text" value="1982-1-1" size="14" readonly="readonly" onclick="showcalendar(event, this);" onfocus="showcalendar(event, this);if(this.value=='0000-00-00')this.value=''" /> </body> </html>

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

上一篇：javascript 变速加数功能实现代码

下一篇：JQuery 绑定事件时传递参数的实现方法

站长资源 网络编程

支持IE,Firefox的javascript 日历控件

最新资源

一句话新闻

标签云