jq實現(xiàn)雙日歷教案詳細(xì)教程是一款非常不錯的雙日歷編程教程,在這里是最簡單的編程方法,簡單易懂,并且兼容信非常強,快點來試試吧。
教程介紹
1)js雙日歷選擇,當(dāng)結(jié)束日期大于開始日期時,文本框的顏色會變紅,否則顏色正常;
2)當(dāng)文本框獲得焦點時顯示日歷;
3)日歷界面默認(rèn)顯示在當(dāng)前時間界面;
4)在日歷中點擊有內(nèi)容的td,對應(yīng)的日期值會顯示在文本框中,而且日歷隱藏;
5)當(dāng)點擊今日時,日歷列表顯示當(dāng)前時間界面,并且今日的時間顯示在文本框中,日歷界面隱藏。
應(yīng)用產(chǎn)品功能
1、功能測到IE5,沒有問題,如果真的需要兼容到IE5 樣式要稍微調(diào)整下,我這里沒有太注重樣式問題;
2、css文件和js文件都不大,所以沒有壓縮代碼,大家可根據(jù)需求自己編輯代碼;
3、日歷中年份信息是通過ajax獲取的json數(shù)據(jù),所以需要有服務(wù)器環(huán)境才可看效果,如果代碼編輯器自帶服務(wù)器功能(如webstorm)也可直接查看。
- PC官方版
- 安卓官方手機版
- IOS官方手機版