WdatePicker日曆控制項使用方法

2021-08-25 15:06:27 字數 1227 閱讀 6502

預設分類

2010-10-22 09:16:33

閱讀525

字型大小:大

小訂閱

1. 跨無限級框架顯示

無論你把日期控制項放在**,你都不需要擔心會被外層的iframe所遮擋進而影響客戶體驗,因為my97日期控制項是可以跨無限級框架顯示的

示例2-7 跨無限級框架演示

可無限跨越框架iframe,無論怎麼巢狀框架都不必擔心了,即使有滾動條也不怕

2. **年日曆和其他特殊日曆

當年份格式設定為yyy格式時,利用年份差量屬性yearoffset(預設值1911**元年),可實現**年日曆和其他特殊日曆

示例2-8 **年演示

itpub個人空間w_it[kks

itpub個人空間hs rgt:r%cso"|)t

itpub個人空間$d0[8v|:u[s oo

注意:年份格式設定成yyy時,真正的日期將會減去乙個差量yearoffset(預設值為:1911),如果是**年使用預設值即可無需另外配置,如果是其他的差量,可以通過引數的形式配置

3. 為程式設計帶來方便

如果el的值是this,可省略,即所有的el:this都可以不寫 itpub個人空間$bb n7w"k0hw

日期框設定為disabled時,禁止更改日期(不彈出選擇框) itpub個人空間 qa+gj4n7s

如果沒有定義onpicked事件,自動觸發文字框的onchange事件 itpub個人空間ven*ws ?

如果沒有定義oncleared事件,清空時,自動觸發onchange事件

4. 其他屬性

設定readonly屬性,可指定日期框是否唯讀

i@|.t&m+n)g0設定highlineweekday屬性,可指定是否高亮週末

n[(c%gg,f!l8[0設定isshowothers屬性,可指定是否顯示其他月的日期 itpub個人空間c n g vi(ve[

加上class="wdate"就會在選擇框右邊出現日期圖示

多語言和自定義**

1. 多語言支援

通過lang屬性,可以為每個日期控制項單獨配置語言,當然也可以通過wdatepicker.js配置全域性的語言

r owo'u2f} a0語言列表和語言安裝說明詳見語言配置

示例3-1 多語言示例

正體中文: itpub個人空間ta.et%qq0

`edda]f0itpub個人空間3k x%xc1^~yp

WdatePicker日曆控制項用法

一 詳細使用方法可參考官方文件 二 工作中的樣例 1 日期選擇後,時間自己主動填充為當前時間 class texts one wdate id starttime date name starttime date value onclick wdatepicker onpicked pickedfu...

WdatePicker日曆控制項使用方法

一 具體用法可參考官方文件 二 工作中的例子 1 日期選擇後,時間自動填充為當前時間 class texts one wdate id starttime date name starttime date value onclick wdatepicker onpicked pickedfunc f...

wdatePicker時間控制項的使用

wdatepicker時間控制項的使用 1.引用wdatepicker控制項的js 2.為了使結束時間大於開始時間,或者不能選擇大於當前日期的值 這裡用表示式進行了控制 控制條件如下 開始時間控制項 結束時間控制項 enddate type text onfocus wadepicker maxda...