開發**過程中，總會需要到常用的幾款工具。日曆控制項就是其中使用較多的一種。介紹一下my97date
目前的版本是:4.8
ie 6.0+ , firefox 2.0+ , chrome, opera 9.5+ , safari 3.0+
支援多種呼叫模式
除了支援常規在input單擊或獲得焦點呼叫外,還支援使用其他的元素如:
等觸發wdatepicker函式來呼叫彈出日期框
示例1-1-1 常規呼叫
onclick="wdatepicker()"/>
示例1-1-2 圖示觸發
d12" type="text"/>
注意:只需要傳入控制項的id即可
下拉,輸入,導航選擇日期
年月時分秒輸入框都具備以下三種特性
1. 通過導航圖示選擇
2. 直接使用鍵盤輸入數字
3. 直接從彈出的下拉框中選擇
另:年份輸入框有智慧型提示功能,當使用者連續點選同乙個導航按鈕5次時,會自動彈出年份下拉框
支援周顯示
可以通過配置isshowweek屬性決定是否限制周,並且在返回日期的時候還可以通過自帶的自定義事件和api函式返回選擇的周
示例1-2-1 周顯示簡單應用
isshowweek:
true})"/>
注意:周演算法參考的是iso8601定義的方法,如果您對此有疑問,請詳見:
周演算法選擇(4.8新增)
相關屬性:weekmethod
周演算法不同的地方有一些差異
常見演算法有兩種
1. iso8601:規定第乙個星期四為第一周,預設值
2. m***cel:1月1日所在的周
示例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屬性的詳細用法詳見屬性表
自定義星期的第一天(4.6新增)
各個國家的習慣不同,有些喜歡以星期日作為第一天,有些以星期一作為第一天.
相關屬性:firstdayofweek: 可設定 0 - 6 的任意乙個數字,0:星期日 1:星期一 以此類推
示例1-7 以星期一作為第一天
firstdayofweek:
1})"/>
My97 DatePicker 日期控制項
csdn資源位址 官方demo和文件 1.支援多種呼叫模式 除了支援常規在input單擊或獲得焦點呼叫外,還支援使用其他的元素如 2.下拉,輸入,導航選擇日期年月時分秒輸入框都具備以下三種特性 1.通過導航圖示選擇 2.直接使用鍵盤輸入數字 3.直接從彈出的下拉框中選擇 3.支援周顯示 可以通過配置...
My97日期控制項 My97 DatePicker
my97日期控制項 my97 datepicker ver 3.0 正式版 my97 my97日期控制項 演示 文件 my97 datepicker demo doc my97日期控制項 演示 文件 my97 datepicker demo doc my97日期控制項 演示 文件 my97 date...
My97DatePicker時間控制項
easyui控制項 my97datepicker控制項 修改之前 easyui 修改之後 my97datepicker 需要改變的地方 nf cus wdatepicker class wdate class easyui datetimebox data options 要去去除id的繫結，去掉i...