my97datepicker是乙個非常優秀的日曆外掛程式，不僅支援多種呼叫模式，還支援日期範圍限制。
常規的呼叫比較簡單，如下所示：
1下面重點說明日期範圍限制：
1）靜態限制
你可以給通過配置mindate(最小日期),maxdate(最大日期)為靜態日期值,來限定日期的範圍
示例1.1：限制日期的範圍是2012-12-1到2012-12-20
示例1.2：限制日期的範圍是2012-12-4 21:30:00 到 2012-12-4 23:59:30
示例1.3：限制日期的範圍是2023年12月 到 2023年12月
示例1.4：限制時間的範圍是9:00:00 到 18:30:00
2）動態限制
你可以通過系統給出的動態變數,如%y(當前年),%m(當前月)等來限度日期範圍,你還可以通過{}進行表示式運算,如::表示明天
動態變數表
格式說明
%y當前年
%m當前月
%d當前日
%ld本月最後一天
%h當前時
%m當前分
%s當前秒
{}運算表示式,如::表示明天
#f{}
{}之間是函式可寫自定義js**
示例2.1：只能選擇今天以前的日期(包括今天)
示例2.2：使用了運算表示式 只能選擇今天以後的日期(不包括今天)
1示例2.3：只能選擇本月的日期1號至本月最後一天
示例2.4：只能選擇今天7:00:00至明天21:00:00的日期
示例2.5：使用了運算表示式 只能選擇 20小時前 至 30小時後 的日期
3）指令碼自定義限制
系統提供了$dp.$d和$dp.$dv這兩個api來輔助你進行日期運算,此外你還可以通過在 #f{} 中填入你自定義的指令碼,做任何你想做的日期限制
示例3.1： 前面的日期不能大於後面的日期且兩個日期都不能大於 2020-10-01
從 到示例3.2：前面的日期+3天不能大於 後面的日期
從 到1
2示例3.3：前面的日期+3月零2天 不能大於 後面的日期 且 前面日期都不能大於 2020-4-3減去3月零2天 後面日期 不能大於2020-4-3
從 到1
2示例3.4：發揮你的js才能,定義任何你想要的日期限制
自動轉到隨機生成的一天,當然,此示例沒有實際的用途,只是為演示目的
0110
4）無效天限制
可以使用此功能禁用週日至週六所對應的日期,相關屬性:disableddays (0至6 分別代表週日至週六)
示例4.1：禁用 週六 所對應的日期
1禁用 週六 週日 所對應的日期
15）無效日期限制
可以使用此功能禁用,所指定的乙個或多個日期,只要熟悉正規表示式,可以盡情發揮
用法(正則匹配):
如果你熟悉正規表示式,會很容易理解下面的匹配用法
如果不熟悉,可以參考下面的常用示例
['2008-02-01','2008-02-29'] 表示禁用 2008-02-01 和 2008-02-29
['2008-..-01','2008-02-29'] 表示禁用 2008-所有月份-01 和 2008-02-29
['200[0-8]]-02-01','2008-02-29'] 表示禁用 [2000至2008]-02-01 和 2008-02-29
['^2006'] 表示禁用 2023年的所有日期
此外,您還可以使用 %y %m%d %h %m %s 等變數, 用法同動態日期限制 注意:%ld不能使用
['....-..-01','%y-%m-%d'] 表示禁用 所有年份和所有月份的第一天和今天
['%y-%m-','%y-%m-'] 表示禁用 昨天和明天
當然,除了可以限制日期以外,您還可以限制時間
['....-..-.. 10\:00\:00'] 表示禁用 每天10點 (注意 : 需要 使用 \: )
示例5.1：禁用 每個月份的 5日 15日 25日12
//注意 :'5$' 表示以 5 結尾 注意 $ 的用法
示例5.2：禁用 所有早於2000-01-01的日期12
//注意:'^19' 表示以 19 開頭 注意 ^ 的用法
3//當然,可以使用mindate實現類似的功能 這裡主要是 在演示 ^ 的用法
示例5.3：配合min/maxdate使用,可以把可選擇的日期分隔成多段
1示例5.4：min/maxdatedisableddays disableddates 配合使用 即使在要求非常苛刻的情況下也能滿足需求
1示例5.5：禁用前乙個小時和後乙個小時內所有時間 使用 %y %m %d %h %m %s 等變數
1示例5.6：#f{}也是可以使用的
本示例利用自定義函式 隨機禁用0-23中的任何乙個小時
開啟小時選擇框,你會發現有乙個小時被禁用的,而且每次禁用的小時都不同
0110
6）有效日期
使用無效日期可以很方便的禁用不可用的日期,但是在只需要啟用少部分日期的情況下,有效日期的功能就非常適合了.
關鍵屬性: opposite 預設為false, 為true時,無效日期變成有效日期,該屬性對無效天,特殊天不起作用
示例6.1：只啟用 每個月份的5日 15日 25日12
//注意 :'5$' 表示以 5 結尾 注意 $ 的用法
7）特殊天和特殊日期
特殊天和特殊日期的用法跟完全無效天和無效日期完全相同,但是opposite屬性對其無效
關鍵屬性:
specialdays (0至6 分別代表 週日至週六) 用法同無效天
specialdates 用法同無效日期,但是對時分秒無效
示例7.1：高亮每週 周一 周五
1示例7.2：高亮每月 1號 15號
1
My97日期控制項 My97 DatePicker
my97日期控制項 my97 datepicker ver 3.0 正式版 my97 my97日期控制項 演示 文件 my97 datepicker demo doc my97日期控制項 演示 文件 my97 datepicker demo doc my97日期控制項 演示 文件 my97 date...
My97DatePicker日曆外掛程式
現在的出行類 都有日曆,所以介紹一款基於jquery的日曆外掛程式 進入官網 解壓得到my97datepicker資料夾,將其放入專案內,因為引入的是外部外掛程式這裡我將其放在lib資料夾內，my97datepicker目錄是乙個整體,不可破壞裡面的目錄結構,也不可對裡面的檔案改名,可以改目錄名 m...
My97 DatePicker 日期控制項
csdn資源位址 官方demo和文件 1.支援多種呼叫模式 除了支援常規在input單擊或獲得焦點呼叫外,還支援使用其他的元素如 2.下拉,輸入,導航選擇日期年月時分秒輸入框都具備以下三種特性 1.通過導航圖示選擇 2.直接使用鍵盤輸入數字 3.直接從彈出的下拉框中選擇 3.支援周顯示 可以通過配置...