my97datepicker是一款非常靈活好用的日期控制項。使用非常簡單。
2、在頁面中引入該元件js檔案：
3、頁面使用兩個方式：
常規呼叫:
圖示觸發：
注:$dp.$ 相當於 document.getelementbyid
也有更詳細的解釋。
目前的版本是:4.0 正式版 發布於2008-05-30
ie 6.0+ , firefox 2.0+ , opera 9.5+ , safari 3.0+
支援多種呼叫模式
除了支援常規在input單擊或獲得焦點呼叫外,還支援使用其他的元素如:
示例1-1-1 常規呼叫
onclick="wdatepicker()"/>
示例1-1-2 圖示觸發
d12" type="text"/>
示例1-2-2 利用onpicked事件把周賦值給另外的文字框
您選擇了第 (w格式)周, 另外您可以使用ww格式: 周
isshowweek:
true,onpicked:
function() })"/>
onpicked 用法詳見自定義事件
$dp.cal.getp 用法詳見內建函式
唯讀開關,高亮週末功能
設定readonly屬性 true 或 false 可指定日期框是否唯讀
設定highlineweekday屬性 ture 或 false 可指定是否高亮週末
操作按鈕自定義
清空按鈕和今天按鈕,可以根據需要進行自定義,它們分別對應 isshowclear 和 isshowtoday 預設值都是true
示例1-5 禁用清空功能
最好把readonly置為true,否則即使隱藏了清空按鈕,使用者依然可以在輸入框裡把值delete掉
isshowclear:
false,readonly:
true})"/>
自動選擇顯示位置
當控制項處在頁面邊界時,它會自動選擇顯示的位置,所以沒有必要擔心彈出框會被頁面邊界遮住的問題了.
自定義彈出位置
當控制項處在頁面邊界時,它會自動選擇顯示的位置.此外你還可以使用position引數對彈出位置做調整.
示例1-6 通過position屬性,自定義彈出位置
使用positon屬性指定,彈出日期的座標為
position:
})"/>
position屬性的詳細用法詳見屬性表
平面顯示
日期控制項支援平面顯示功能,只要設定一下econt屬性就可以把它當作日曆來使用了,無需觸發條件,直接顯示在頁面上
示例2-1 平面顯示演示
div1">
$dp.cal.getdatestr 用法詳見內建函式
My97 DatePicker 日期控制項
csdn資源位址 官方demo和文件 1.支援多種呼叫模式 除了支援常規在input單擊或獲得焦點呼叫外,還支援使用其他的元素如 2.下拉,輸入,導航選擇日期年月時分秒輸入框都具備以下三種特性 1.通過導航圖示選擇 2.直接使用鍵盤輸入數字 3.直接從彈出的下拉框中選擇 3.支援周顯示 可以通過配置...
My97DatePicker時間控制項
easyui控制項 my97datepicker控制項 修改之前 easyui 修改之後 my97datepicker 需要改變的地方 nf cus wdatepicker class wdate class easyui datetimebox data options 要去去除id的繫結，去掉i...
My97DatePicker日曆外掛程式
現在的出行類 都有日曆,所以介紹一款基於jquery的日曆外掛程式 進入官網 解壓得到my97datepicker資料夾,將其放入專案內,因為引入的是外部外掛程式這裡我將其放在lib資料夾內，my97datepicker目錄是乙個整體,不可破壞裡面的目錄結構,也不可對裡面的檔案改名,可以改目錄名 m...