一個簡單橫向javaScript日期控件
當前位置:點晴教程→知識管理交流
→『 技術(shù)文檔交流 』
具體要求就是:
1、日期表格橫向占滿頁面。 2、每個月的日期列表橫向顯示在一排,而不是像網(wǎng)上的很多日期控件顯示一個方塊。 3、要求只有年月日可選,選擇年或月后自動更新對應日期(這個每個日期控件都有的)。 4、默認顯示當前年月,高亮當前日期,并顯示當前的周次(本年第幾周)和星期幾。 5、選擇某個日期后高亮顯示當前日期,并自動更新周次和星期顯示。 6、提供接口,可以設定特定日期的顯示樣式。 6、其他就是一些界面展示的問題了。 想著就是一個日期控件,做著也比較簡單,不過比較特別是橫向的,第一次聽說這種需求的! 偶還是第一次寫日歷類的東西,不過這次的麻煩還是在于周次的計算上和最后提供的設定特定日期的接口實現(xiàn)上,但經(jīng)過一番分析也很好的解決了。 主要幾個總結(jié): 1、使用了閉包,隱藏內(nèi)部函數(shù)及變量,防止變量污染。最后只提供一個對外接口:setdatestyle 2、計算每年二月的天數(shù)不是通過判斷閏年的辦法,而是通過判斷是否2月29日存在,如果不存在則為28天。 3、計算周次要先計算當前日期是本年的第幾天,同時要考慮本年1月1日是星期幾,然后計算即可得出。 4、setdatestyle支持單個日期樣式的傳入,也支持多個日期樣式的設定。對于樣式的更新主要采用數(shù)組合并字符竄,并采用字符串的indexof方法匹配并執(zhí)行樣式的設定。 5、css/js/html相分離,便于維護。函數(shù)模塊化便于重用。 詳細出處參考:http://jb51.net/article/13197.htm [code]
[/code] 該文章在 2010/7/19 9:26:24 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |