1、日期范围 静态设置 html代码: <p><input class="runcode" id="inp7"/></p> js代码: 日期范围:2011-4-10——2011-05-27 J(function(){ J('#inp7').calendar({ minDate:'2011-04-10', maxDate:'2011-05-27' }); }) 2、动态设置: 日期范围:只能选择今天以前的日期 html代码: <p><input class="runcode" id="inp8"/></p> js代码: J(function(){ J('#inp8').calendar({ maxDate:'%y-%M-%d' }); }) 参数解析: %y:当前年 %M:当前月 %d:当前日 maxDate:最大日期 3、只能选择今天以后的日期 html代码: <p><input class="runcode" id="inp9"/></p> js代码: J(function(){ J('#inp9').calendar({ minDate:'%y-%M-%d' }); }) 4、只能选择本年4月当前天到当前月的25号之间的日期 <p><input class="runcode" id="inp10"/></p> J('#inp10').calendar({ minDate:'%y-04-%d', maxDate:'%y-%M-25' }); 5、前面的日期不能大于后面的日期 <p>有效期从<input class="runcode" id="inp11"/>到 <input class="runcode" id="inp12" type="text"/></p> // #inp12为一个#号加上后面输入框的id J('#inp11').calendar({ maxDate:'#inp12' }); // #inp11为一个#号加上前面输入框的id J('#inp12').calendar({ minDate:'#inp11' }); 6、前面的日期不能大于后面的日期(targetFormat参数示例) <p>有效期从<input class="runcode" id="inp13" value="20110511"/>到 <input class="runcode" id="inp14" type="text" value="2011年06月11日"/></p> // #inp14为一个#号加上后面输入框的id J('#inp13').calendar({ maxDate:'#inp14', format:'yyyyMMdd' targetFormat:'yyyy年MM月dd日' }); // #inp13为一个#号加上前面输入框的id J('#inp14').calendar({ minDate:'#inp13', format:'yyyy年MM月dd日', targetFormat:'yyyyMMdd' }); 注:如果目标文本框的日期格式不是'yyyy-MM-dd'的格式,则一定要加上targetFormat参数,指明目标文本框的日期格式 7、无效周(可以使用此功能禁用周日至周六所对应的日期,相关属性:disWeek (0至6 分别代表 周日至周六)) <p><input class="runcode" id="inp15"/> <input class="runcode" id="inp16"/></p> // 前面的输入框代码(周六所对应的日期无效) J('#inp15').calendar({ disWeek:'6' }); // 后面的输入框代码(周日和周四所对应的日期无效) J('#inp16').calendar({ disWeek:'0,4' }); 8、无效日期(可以使用此功能禁用,所指定的一个或多个日期,只要你熟悉正则表达式,你可以尽情发挥) 禁用 每个月份的 5日 15日 25日 <p><input class="runcode" id="inp17"/></p> // '5$' 表示以 5 结尾 注意 $ 的用法 J('#inp17').calendar({ disDate:['5$'] }); 9、禁用 所有早于2000-01-01的日期 <p><input class="runcode" id="inp18"/></p> J('#inp18').calendar({ disDate:['^19'] }); 10、禁用 2011-05-05 和 2011-05-24 <p><input class="runcode" id="inp19"/></p> J('#inp19').calendar({ disDate:['2011-05-05','2011-05-24'] }); 11、禁用 2011-所有月份-04 和 2011-05-29 <p><input class="runcode" id="inp20"/></p> J('#inp20').calendar({ disDate:['2011-..-04','2011-05-29'] }); 12、禁用 [2000至2008]-05-01 和 2011-05-29 <p><input class="runcode" id="inp21"/></p> J('#inp21').calendar({ disDate:['200[0-8]-05-01','2011-05-29'] }); 13、禁用 所有年份和所有月份的第7天和今天 <p><input class="runcode" id="inp22"/></p> J('#inp22').calendar({ disDate:['....-..-07','%y-%M-%d'] }); 14、有效日期使用无效日期可以很方便的禁用不可用的日期,但是在只需要启用少部分日期的情况下,有效日期的功能就非常适合了<br/><strong style="color:red">关键属性: enDate</strong> 默认为false, 为true时,无效日期变成有效日期 启用 每个月份的 5日 15日 25日 <p><input class="runcode" id="inp23"/></p> J('#inp23').calendar({ disDate:['5$'], enDate:true }); |
|
来自: 小马哥技术屋 > 《lhgcalendor日历》