分享

lhgcalendor日历 (日期范围)

 小马哥技术屋 2016-10-23


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 });









    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约