怎么让jquery datebox只能选择当前日期所在月份的日期,就像12306上买票只能选择规定时间内的票
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么让jquery datebox只能选择当前日期所在月份的日期,就像12306上买票只能选择规定时间内的票相关的知识,希望对你有一定的参考价值。
easyui里的datebox没有日期范围限制的功能,jquery ui里的datepicker有这个功能。如果要改easyui的话还是比较麻烦的,我提个思路,因为baidu上面贴代码比较费劲。
我是先在jquery.calendar.js里show(target)方法,在生成td的时候加上判断,如果td的时间大于我要求的最大时间或者小于我要求的最小时间,则在td上加一个calendar-day-disabled的class,这个class需要你单独在写一下样式。
在后面的增加td的click事件里判断如果这个td有clendar-dar-disabled的class则直接return。
在jquery.datebox.js里找到createCalendar()这个函数里加个参数opts
if (!state.calendar)
createCalendar(opts);
function createCalendar(opts)
.....
state.calendar.calendar(
start:opts.start,
end:opts.end,
fit:true,
....
)
以后调用的时候:
<input class="easyui-datebox" data-options="start:2013-3-6,end:2013-3-20"></input>就可以了
可能没说清楚,如果需要源码加我QQ1427668570,或者加到群253925626都可以 参考技术A WdatePicker.js这个文件里边可以设置属性 你看看有木有
以上是关于怎么让jquery datebox只能选择当前日期所在月份的日期,就像12306上买票只能选择规定时间内的票的主要内容,如果未能解决你的问题,请参考以下文章
easyui datebox范围设置日期对比参考 和easyui的datebox怎么禁止手动输入
jquery easyui 的datebox 下拉面板时 怎么让它只显示周五的时间
easyui如何使datebox中当前日期以前的日期不可用,即使当前日期以前的日期置灰,无法选择