快捷導(dǎo)航

支持IE,Firefox的javascript 日歷控件

更新時(shí)間：2009年10月13日 21:53:32 作者：

javascript 日歷控件支持IE,Firefox,效果還不錯(cuò)，需要的朋友可以參考下，腳本之家之前曾發(fā)布多篇類似的文章，需要的朋友可以搜索下。

效果圖：

其實(shí)學(xué)習(xí)的方法，就是會(huì)搜索的方法，會(huì)搜索才能更快的解決問題。
搜索方法： 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需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: