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