怎么让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中当前日期以前的日期不可用,即使当前日期以前的日期置灰,无法选择

EasyUi日期控件datebox,只显示年月,也只能选择年月(亲测有效,无效视频剁吊)

怎么样实现easyui的datebox当前时间以后不可用

java怎么获取easyui中时间控制元件的值