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都可以
温馨提示:答案为网友推荐,仅供参考