支援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=''">
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.