JavaScript日曆 2.0版

毫無疑問,這隻程式會改版,還想看說明的人請看,不想的話,載點裡的一定是最新的:https://kelunyang.wordpress.com/tag/javascript%E6%97%A5%E6%9B%86/

很久沒改版的JavaScript月曆,因為要進行某些計畫,因此做了程式碼調整,剛好,這隻程式原本的來源http://www.dynarch.com/projects/calendar/,在一年多前也改到了2.0(那時候想說沒必要跟著改,就沒改了XD),所以這次改版也有多支援一個主幹版本的參數「minutestep」,這樣就可以調整每次往前進/後退幾分鐘,並且更徹底,這個fork可以全面的調整每一個時間的前進後退數字

另外一個修正就是日期檢查,主要是避免用戶選到過去的日期,這是可以被關閉的,請看圖XD
image

那一樣,下載位置在此:

測試網址在此(不保證會一直存在,可以參考壓縮檔裡的sample.html):http://www.nyko.com.tw/test/sample.htm

跳轉後看開發介紹XD

這次的調整主要是把原本一些不方便的地方移除,例如現在日曆會因為滑鼠選擇到了其他的地方而自動關閉了

利用的是很簡單的colsure的做法,這也不需要詳述了

程式的主要參數和使用方法請參考舊的網誌:https://kelunyang.wordpress.com/2009/05/01/javascript%E6%97%A5%E6%9B%86/

這次多的變數,請參考這裡(也就是「年份修正」下面的都是新的):

Calendar.setup({
displayArea: "value",//顯示區塊
inputField:"val",//表單輸入區塊
daFormat: "%Y-%m-%d", //顯示區塊輸入格式,請參考原始原件的說明檔案
ifFormat: "%Y-%m-%d", //輸入區塊輸入格式,請參考原始原件的說明檔案
button: "Div1", //啟動按鈕
showsTime:false,//顯示時間
yearsub:-1911, //年分修正
expire:true, //不可以選過去的日期
secondstep:10, //每次往前進幾秒鐘
minutestep:10, //每次往前進幾分鐘
hourstep:7, //每次往前進幾小時
daystep:2, //每次往前進幾天
monthstep:9, //每次往前進幾個月
yearstep:1 //每次往前進幾年
});

其他使用方法還是跟之前一樣的,指示應該會更方便~

發表留言

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料