javascript實現的簡易的DatePicker日曆

來源:互聯網
上載者:User

jQ的ui有,YUI的widget裡也有。而且也封裝的結結實實,相容性,通用性,都做得挺好。於是在代碼完善的同時,代碼量自然也不會少。即使建立在基礎庫之上,代碼也是好幾百行。
真正使用的時候可能並不需要這麼完善的功能。咱們就寫個簡陋點的東西,夠自己用就行了。
而且以前有朋友提出我發的東西都是一些娛樂貨,沒有什麼實用性,這次就當是個開始,拋個磚,以後時不時發個帶一些實用性的東東。
<!-- 以下demo沒有什麼出彩的地方,僅供有需要的朋友看看 --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="author" content="hongru.chen"><br /><style> .date-picker-wp { display: none; position: absolute; background: #f1f1f1; left: 40px; top: 40px; border-top: 4px solid #3879d9; } .date-picker-wp table { border: 1px solid #ddd; } .date-picker-wp td { background: #fafafa; width: 22px; height: 18px; border: 1px solid #ccc; font-size: 12px; text-align: center; } .date-picker-wp td.noborder { border: none; background: none; } .date-picker-wp td a { color: #1c93c4; text-decoration: none; } .strong {font-weight: bold} .hand {cursor: pointer; color: #3879d9} </style><p><input type="text" id="date-input"><input type="text" id="demo2"><br /><select><option>岑安</option></select><p>
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.