jq實現(xiàn)雙日歷教案,是新手們進行JavaScript實戰(zhàn)練習時必不可少的一個練習教程,它實現(xiàn)的樣式是幫助用戶在網(wǎng)頁上生成一個非常方便直觀的日歷,用戶通過鼠標與日歷進行互動。歡迎新手們下載使用!
內(nèi)容簡介:
1)js雙日歷選擇,當結(jié)束日期大于開始日期時,文本框的顏色會變紅,否則顏色正常;
2)當文本框獲得焦點時顯示日歷;
3)日歷界面默認顯示在當前時間界面;
4)在日歷中點擊有內(nèi)容的td,對應的日期值會顯示在文本框中,而且日歷隱藏;
5)當點擊今日時,日歷列表顯示當前時間界面,并且今日的時間顯示在文本框中,日歷界面隱藏。
應用產(chǎn)品特性:
1)功能測到IE5,沒有問題,如果真的需要兼容到IE5 樣式要稍微調(diào)整下,我這里沒有太注重樣式問題;
2)css文件和js文件都不大,所以沒有壓縮代碼,大家可根據(jù)需求自己編輯代碼;
3)日歷中年份信息是通過ajax獲取的json數(shù)據(jù),所以需要有服務器環(huán)境才可看效果,如果代碼編輯器自帶服務器功能(如webstorm)也可直接查看。