支援IE,Firefox的javascript 日曆控制項
來源:互聯網
上載者:User
:
其實學習的方法,就是會搜尋的方法,會搜尋才能更快的解決問題。
搜尋方法: javascript 日曆控制項 site:jb51.net|
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">script </p><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><p><!--記得哦,下面的代碼得放在Body標籤裡,當然,放在頁面最後面也可以(不過有可能會出現JS還未載入完畢時使用者點擊了下面的輸入框,這樣頁面就會出錯了。)--><br />選擇日期:<input name="member.birth" type="text" value="1982-1-1" size="14" readonly onclick="showcalendar(event, this);" onfocus="showcalendar(event, this);if(this.value=='0000-00-00')this.value=''">