一. 簡(jiǎn)介內(nèi)置函數(shù)

[ul]
[li]下拉,輸入,導(dǎo)航選擇日期自定義事件[/li][/ul]

$dp.cal.getp 用法詳見內(nèi)置函數(shù)

[ul]
[li]只讀開關(guān),高亮周末功能 屬性表[/li][/ul]

2. 特色功能 內(nèi)置函數(shù)

[ul]
[li]支持多種容器 自定義和動(dòng)態(tài)切換皮膚[/li][/ul]

示例 2-4-3 年月

示例 2-4-4 取得系統(tǒng)可識(shí)別的日期值(重要)

類似于 1999年7月5日這樣的日期是不能夠被系統(tǒng)識(shí)別的,他必須轉(zhuǎn)換為能夠識(shí)別的類型如 1999-07-05

真實(shí)的日期值是:

注意:在實(shí)際應(yīng)用中,一般會(huì)把vel指定為一個(gè)hidden控件,這里是為了把真實(shí)值展示出來,所以使用文本框

關(guān)鍵屬性: vel 指定一個(gè)控件或控件的id,必須具有value屬性(如input),用于存儲(chǔ)真實(shí)值(也就是realdatefmt和realtimefmt格式化后的值)

[ul]
[li]編輯功能 語言配置[/li][/ul]

示例3-1 多語言示例

繁體中文:

英文:

簡(jiǎn)體中文:

注意:默認(rèn)情況lang='auto',即根據(jù)瀏覽器的語言自動(dòng)選擇語言.

[ul]
[li]自定義和動(dòng)態(tài)切換皮膚 立刻轉(zhuǎn)到皮膚中心[/li][/ul]

通過skin屬性,可以為每個(gè)日期控件單獨(dú)配置皮膚,當(dāng)然也可以通過wdatepicker.js配置全局的皮膚

皮膚列表和皮膚安裝說明詳見皮膚配置

示例3-2 皮膚演示

默認(rèn)皮膚default: skin:'default'

注意:在wdatepicker里配置了skin='default',所以此處可省略,同理,如果你把wdatepicker里的skin配置成'whygreen'那么在不指定皮膚的情況下都使用'whygreen'皮膚了

whygreen皮膚: skin:'whygreen'

注意:更多皮膚,請(qǐng)到皮膚中心下載

4. 日期范圍限制動(dòng)態(tài)變量表

示例4-5-6 #f{}也是可以使用的

本示例利用自定義函數(shù) 隨機(jī)禁用0-23中的任何一個(gè)小時(shí)

打開小時(shí)選擇框,你會(huì)發(fā)現(xiàn)有一個(gè)小時(shí)被禁用的,而且每次禁用的小時(shí)都不同

[ul]
[li]有效天與有效日期內(nèi)置函數(shù)[/li][/ul]

示例5-2-2 使用onpicked實(shí)現(xiàn)日期選擇聯(lián)動(dòng)

選擇第一個(gè)日期的時(shí)候,第二個(gè)日期選擇框自動(dòng)彈出

日期從: 至

來源：(http://blog.sina.com.cn/s/blog_4cb400450100dsj0.html) - my97datepicker時(shí)間選擇器_翰林_新浪博客

注意:下面第一個(gè)控件代碼的寫法

至

注意:$dp.$是一個(gè)內(nèi)置函數(shù),相當(dāng)于document.getelementbyid

示例5-2-3 將選擇的值拆分到文本框

年 月 日 時(shí) 分 秒

年

月

日

時(shí)

分

秒

注意:el:'d523'中,如果你不需要d523這個(gè)框,你可以把他改成hidden,但是el屬性必須指定

$dp.$和$dp.cal.getp都是內(nèi)置函數(shù)

onclearing 和 oncleared 事件 語言配置

skin
string
'default'
皮膚名稱 默認(rèn)自帶 default和whygreen兩個(gè)皮膚

另外如果你的css夠強(qiáng)的話,可以自己做皮膚

你可以參考皮膚配置

datefmt
string
'yyyy-mm-dd'
日期顯示格式

你可以參考自定義格式

realdatefmt
string
'yyyy-mm-dd'
計(jì)算機(jī)可識(shí)別的,真正的日期格式

無效日期設(shè)置(disableddates),最大日期(maxdate),最小日期(mindate)以及快速日期都必須與它們相匹配

建議使用默認(rèn)值

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í)顯示的起始日期

為空時(shí),使用今天作為起始日期(默認(rèn)值)

否則使用傳入的日期作為起始日期(注意要與上面的real日期相匹配)

你可以參考起始日期示例

isshowweek
bool
false
是否顯示周

你可以參考周顯示示例

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)輸入,而是要通過確定才能輸入

為true時(shí) 即點(diǎn)擊日期即可返回日期值

為null時(shí)(推薦使用) 如果有時(shí)間置為false 否則置為true

qsenabled
bool
true
是否啟用快速選擇功能
quicksel
array
null
快速選擇數(shù)據(jù),可以傳入5個(gè)快速選擇日期

注意:日期格式必須與 realdatefmt realtimefmt realfullfmt 相匹配

你可以參考快速選擇示例

disableddays
array
null
可以使用此功能禁用周日至周六所對(duì)應(yīng)的日期

0至6 分別代表 周日至周六

你可以參考無效天示例

disableddates
array
null
可以使用此功能禁用所指定的一個(gè)或多個(gè)日期

你可以參考無效日期示例

opposite
bool
false
默認(rèn)為false, 為true時(shí),無效天和無效日期變成有效天和有效日期

你可以參考有效天與有效日期示例

onpicking
function
null
此四個(gè)參數(shù)為事件參數(shù)

你可以參考自定義事件示例

onpicked
function
null
onclearing
function
null
oncleared
function
null

[ul]
[li]配置全局默認(rèn)值技術(shù)支持[/li][/ul]

如果找不到答案,您可以直接在blog留言,或者通過下面的聯(lián)系方式與我聯(lián)系

七. 聯(lián)系my97http://my97.cnblogs.com

* mail: smallcarrot@163.com

* 有問題在我blog留言或給我email吧,最好先仔細(xì)看說明,很多問題都是因?yàn)闆]有仔細(xì)看說明導(dǎo)致的

© 2008 my97 all rights reserved.