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