My97DatePicker時間選擇器
當前位置:點晴教程→知識管理交流
→『 技術文檔交流 』
[p]一. 簡介[url=http://my97.net/dp/demo/resource/main.asp#m5][color=#bf8017]內置函數[/color][/url][/p]
[ul] [li]下拉,輸入,導航選擇日期[url=http://my97.net/dp/demo/resource/main.asp#][color=#bf8017]自定義事件[/color][/url][/li][/ul] [p]$dp.cal.getp 用法詳見[url=http://my97.net/dp/demo/resource/main.asp#m5][color=#bf8017]內置函數[/color][/url][/p] [ul] [li]只讀開關,高亮周末功能 [url=http://my97.net/dp/demo/resource/main.asp#m31][color=#bf8017]屬性表[/color][/url][/li][/ul] [p]2. 特色功能 [url=http://my97.net/dp/demo/resource/main.asp#m5][color=#bf8017]內置函數[/color][/url][/p] [ul] [li]支持多種容器 [url=http://my97.net/dp/demo/resource/main.asp#][color=#bf8017]自定義和動態切換皮膚[/color][/url][/li][/ul] [p]示例 2-4-3 年月[/p] [p][/p] [p]示例 2-4-4 取得系統可識別的日期值(重要)[/p] [p]類似于 1999年7月5日這樣的日期是不能夠被系統識別的,他必須轉換為能夠識別的類型如 1999-07-05[/p] [p]真實的日期值是:[/p] [p][/p] [p][/p] [p]注意:在實際應用中,一般會把vel指定為一個hidden控件,這里是為了把真實值展示出來,所以使用文本框[/p] [p]關鍵屬性: vel 指定一個控件或控件的id,必須具有value屬性(如input),用于存儲真實值(也就是realdatefmt和realtimefmt格式化后的值)[/p] [ul] [li]編輯功能 [url=http://my97.net/dp/demo/resource/main.asp#m32][color=#bf8017]語言配置[/color][/url][/li][/ul] [p]示例3-1 多語言示例[/p] [p]繁體中文:[/p] [p][/p] [p]英文:[/p] [p][/p] [p]簡體中文:[/p] [p][/p] [p]注意:默認情況lang='auto',即根據瀏覽器的語言自動選擇語言.[/p] [ul] [li]自定義和動態切換皮膚 [url=http://my97.net/dp/skin.asp][color=#bf8017]立刻轉到皮膚中心[/color][/url][/li][/ul] [p]通過skin屬性,可以為每個日期控件單獨配置皮膚,當然也可以通過wdatepicker.js配置全局的皮膚[/p] [p]皮膚列表和皮膚安裝說明詳見[url=http://my97.net/dp/demo/resource/main.asp#m33][color=#bf8017]皮膚配置[/color][/url][/p] [p]示例3-2 皮膚演示[/p] [p]默認皮膚default: skin:'default'[/p] [p][/p] [p]注意:在wdatepicker里配置了skin='default',所以此處可省略,同理,如果你把wdatepicker里的skin配置成'whygreen'那么在不指定皮膚的情況下都使用'whygreen'皮膚了[/p] [p]whygreen皮膚: skin:'whygreen'[/p] [p][/p] [p]注意:更多皮膚,請到[url=http://my97.net/dp/skin.asp][color=#bf8017]皮膚中心[/color][/url]下載[/p] [p]4. 日期范圍限制[url=http://my97.net/dp/demo/resource/main.asp#m242][color=#bf8017]動態變量表[/color][/url][/p] [p]示例4-5-6 #f{}也是可以使用的[/p] [p]本示例利用自定義函數 隨機禁用0-23中的任何一個小時[/p] [p]打開小時選擇框,你會發現有一個小時被禁用的,而且每次禁用的小時都不同[/p] [p][/p] [p][/p] [ul] [li]有效天與有效日期[url=http://my97.net/dp/demo/resource/main.asp#m5][color=#bf8017]內置函數[/color][/url][/li][/ul] [p]示例5-2-2 使用onpicked實現日期選擇聯動[/p] [p]選擇第一個日期的時候,第二個日期選擇框自動彈出[/p] [p]日期從: 至[/p]來源:([url=http://blog.sina.com.cn/s/blog_4cb400450100dsj0.html]http://blog.sina.com.cn/s/blog_4cb400450100dsj0.html[/url]) - my97datepicker時間選擇器_翰林_新浪博客 [p]注意:下面第一個控件代碼的寫法[/p] [p][/p] [p]至[/p] [p][/p] [p]注意:$dp.$是一個[url=http://my97.net/dp/demo/resource/main.asp#m5][color=#bf8017]內置函數[/color][/url],相當于document.getelementbyid[/p] [p]示例5-2-3 將選擇的值拆分到文本框[/p] [p]年 月 日 時 分 秒 [img]http://my97.net/dp/my97datepicker/skin/datepicker.gif[/img][/p] [p] 年[/p] [p] 月[/p] [p] 日[/p] [p] 時[/p] [p] 分[/p] [p] 秒[/p] [p] ![]() [p][/p] [p]注意:el:'d523'中,如果你不需要d523這個框,你可以把他改成hidden,但是el屬性必須指定[/p] [p]$dp.$和$dp.cal.getp都是[url=http://my97.net/dp/demo/resource/main.asp#m5][color=#bf8017]內置函數[/color][/url][/p] onclearing 和 oncleared 事件 [url=http://my97.net/dp/demo/resource/main.asp#m32][color=#bf8017]語言配置[/color][/url] skin string 'default' 皮膚名稱 默認自帶 default和whygreen兩個皮膚 [p]另外如果你的css夠強的話,可以自己做皮膚[/p] [p]你可以參考[url=http://my97.net/dp/demo/resource/main.asp#m33][color=#bf8017]皮膚配置[/color][/url][/p] datefmt string 'yyyy-mm-dd' 日期顯示格式 [p]你可以參考[url=http://my97.net/dp/demo/resource/main.asp#m224][color=#bf8017]自定義格式[/color][/url][/p] realdatefmt string 'yyyy-mm-dd' 計算機可識別的,真正的日期格式 [p]無效日期設置(disableddates),最大日期(maxdate),最小日期(mindate)以及快速日期都必須與它們相匹配[/p] [p]建議使用默認值[/p] realtimefmt string 'hh:mm:ss' realfullfmt string '%date %time' mindate string '1900-01-01 00:00:00' 最小日期(注意要與上面的real日期相匹配) maxdate string '2099-12-31 23:59:59' 最大日期(注意要與上面的real日期相匹配) startdate string '' 起始日期,既點擊日期框時顯示的起始日期 [p]為空時,使用今天作為起始日期(默認值)[/p] [p]否則使用傳入的日期作為起始日期(注意要與上面的real日期相匹配)[/p] [p]你可以參考[url=http://my97.net/dp/demo/resource/main.asp#m223][color=#bf8017]起始日期示例[/color][/url][/p] isshowweek bool false 是否顯示周 [p]你可以參考[url=http://my97.net/dp/demo/resource/main.asp#m213][color=#bf8017]周顯示示例[/color][/url][/p] highlineweekday bool true 是否高亮顯示 周六 周日 isshowclear bool true 是否顯示清空按鈕 isshowtoday bool true 是否顯示今天按鈕 isshowothers bool true 為true時,第一行空白處顯示上月的日期,末行空白處顯示下月的日期,否則不顯示 readonly bool false 是否只讀 errdealmode int 0 糾錯模式設置 可設置3中模式 0 - 提示 1 - 自動糾錯 2 - 標記 autopickdate bool null 為false時 點日期的時候不自動輸入,而是要通過確定才能輸入 [p]為true時 即點擊日期即可返回日期值[/p] [p]為null時(推薦使用) 如果有時間置為false 否則置為true[/p] qsenabled bool true 是否啟用快速選擇功能 quicksel array null 快速選擇數據,可以傳入5個快速選擇日期 [p]注意:日期格式必須與 realdatefmt realtimefmt realfullfmt 相匹配[/p] [p]你可以參考[url=http://my97.net/dp/demo/resource/main.asp#m26][color=#bf8017]快速選擇示例[/color][/url][/p] disableddays array null 可以使用此功能禁用周日至周六所對應的日期 [p]0至6 分別代表 周日至周六[/p] [p]你可以參考[url=http://my97.net/dp/demo/resource/main.asp#m244][color=#bf8017]無效天示例[/color][/url][/p] disableddates array null 可以使用此功能禁用所指定的一個或多個日期 [p]你可以參考[url=http://my97.net/dp/demo/resource/main.asp#m245][color=#bf8017]無效日期示例[/color][/url][/p] opposite bool false 默認為false, 為true時,無效天和無效日期變成有效天和有效日期 [p]你可以參考[url=http://my97.net/dp/demo/resource/main.asp#m246][color=#bf8017]有效天與有效日期示例[/color][/url][/p] onpicking function null 此四個參數為事件參數 [p]你可以參考[url=http://my97.net/dp/demo/resource/main.asp#m25][color=#bf8017]自定義事件示例[/color][/url][/p] onpicked function null onclearing function null oncleared function null [ul] [li]配置全局默認值[url=http://my97.net/dp/support.asp][color=#bf8017]技術支持[/color][/url][/li][/ul] [p]如果找不到答案,您可以直接在blog留言,或者通過下面的聯系方式與我聯系[/p] [p]七. 聯系my97[url=http://my97.cnblogs.com/][color=#bf8017]http://my97.cnblogs.com[/color][/url][/p] [p]* mail: [url=mailto:smallcarrot@163.com][color=#bf8017]smallcarrot@163.com[/color][/url][/p] [p]* 有問題在我blog留言或給我email吧,最好先仔細看說明,很多問題都是因為沒有仔細看說明導致的[/p] [p]© 2008 [url=mailto:smallcarrot@163.com][color=#bf8017]my97[/color][/url] all rights reserved.[/p] 該文章在 2010/7/3 23:10:09 編輯過 |
關鍵字查詢
相關文章
正在查詢... |