日期控件使用方法

ID:12653637

大小:361.50 KB

頁數(shù):27頁

時間:2018-07-18

日期控件使用方法_第1頁
日期控件使用方法_第2頁
日期控件使用方法_第3頁
日期控件使用方法_第4頁
日期控件使用方法_第5頁
資源描述:

《日期控件使用方法》由會員上傳分享,免費在線閱讀,更多相關內(nèi)容在行業(yè)資料-天天文庫

1、一.簡介1.簡介目前的版本是:4.2正式版發(fā)布于2008-12-032.注意事項·My97DatePicker目錄是一個整體,不可破壞里面的目錄結(jié)構(gòu),也不可對里面的文件改名,可以改目錄名·My97DatePicker.htm是必須文件,不可刪除·各目錄及文件的用途:WdatePicker.js配置文件,在調(diào)用的地方僅需使用該文件config.js語言和皮膚配置文件calendar.js日期庫主文件)My97DatePicker.htm臨時頁面文件,不可刪除目錄lang存放語言文件目錄skin存放皮膚的相關文件·當WdatePicker.js里的屬性:$wdate=true時,在input里

2、加上class="Wdate"就會在選擇框右邊出現(xiàn)日期圖標,如果您不喜歡這個樣式,可以把class="Wdate"去掉,另外也可以通過修改skin目錄下的WdatePicker.css文件來修改樣式3.支持的瀏覽器IE6.0+,Firefox2.0+,Opera9.5+,Safari3.0+二.功能及示例1.常規(guī)功能·1.??????????支持多種調(diào)用模式除了支持常規(guī)在input單擊或獲得焦點調(diào)用外,還支持使用其他的元素如:

等觸發(fā)WdatePicker函數(shù)來調(diào)用彈出日期框示例1-1-1常規(guī)調(diào)用

3、ePicker()"/>示例1-1-2圖標觸發(fā)注:$dp.$相當于document.getElementById$dp.$的詳細用法可以參考內(nèi)置函數(shù)·2.??????????下拉,輸入,導航選擇日期年月時分秒輸入框都具備以下三種特性1.通過導航圖標選擇2.直接使用鍵盤輸入數(shù)字3.直接從彈出的下拉框中選擇另:年份輸入框有

4、智能提示功能,當用戶連續(xù)點擊同一個導航按鈕5次時,會自動彈出年份下拉框·3.??????????支持周顯示可以通過配置isShowWeek屬性決定是否限制周,并且在返回日期的時候還可以通過自帶的自定義事件和API函數(shù)返回選擇的周?示例1-2-1周顯示簡單應用示例1-2-2利用onpicked事件把周賦值給另外的文本框??您選擇了第(W格式)周,另外您可以使用WW格式:周

5、us="WdatePicker({isShowWeek:true,onpicked:function(){$dp.$('d122_1').value=$dp.cal.getP('W','W');$dp.$('d122_2').value=$dp.cal.getP('W','WW');}})"/>onpicked用法詳見自定義事件$dp.cal.getP用法詳見內(nèi)置函數(shù)·4.??????????只讀開關,高亮周末功能設置readOnly屬性true或false可指定日期框是否只讀設置highLineWeekDay屬性ture或false可指定是否高亮周末·5.??????????操作按鈕自定

6、義清空按鈕和今天按鈕,可以根據(jù)需要進行自定義,它們分別對應isShowClear和isShowToday默認值都是true示例1-5禁用清空功能最好把readOnly置為true,否則即使隱藏了清空按鈕,用戶依然可以在輸入框里把值delete掉·6.??????????自動選擇顯示位置當控件處在頁面邊界時,它會自動選擇顯示的位置,所以沒有必要擔心彈出框會被頁面邊界遮住的問題了.·7.?????????

7、?自定義彈出位置當控件處在頁面邊界時,它會自動選擇顯示的位置.此外你還可以使用position參數(shù)對彈出位置做調(diào)整.?示例1-6通過position屬性,自定義彈出位置使用positon屬性指定,彈出日期的坐標為{left:100,top:50}

當前文檔最多預覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當前文檔最多預覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學公式或PPT動畫的文件,查看預覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權歸屬用戶,天天文庫負責整理代發(fā)布。如果您對本文檔版權有爭議請及時聯(lián)系客服。
3. 下載前請仔細閱讀文檔內(nèi)容,確認文檔內(nèi)容符合您的需求后進行下載,若出現(xiàn)內(nèi)容與標題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。
关闭