Easyui Datebox设置可选时间范围

本文介绍了如何通过修改Easyui的datebox和calendar.js源码,为Datebox插件添加日期范围限制功能。详细步骤包括:1.在createCalendar方法中添加参数;2.在show(target)方法内调整日期点击事件;3.使用CSS实现超出范围日期的样式;4.实际应用中设置日期范围为8月10日至20日,超出日期将呈现灰色且不可选。
摘要由CSDN通过智能技术生成

datebox没有日期范围限制的功能,需要修改easyUI源码

1、修改jquery.datebox.js

找到createCalendar方法,加上一个参数opts.

if (!state.calendar){
    createCalendar(opts);
}

修改createCalendar方法

function createCalendar(opts){
    ......
	state.calendar.calendar({
		fit:true,
		border:false,
		startDate:opts.startDate,
        endDate:opts.endDate
	});
    ......
}
opts.startDate和opts.endDate,是创建calendar时,需要加入的参数

2、修改jquery.calendar.js

找到show(target)方法,在循环生成每个日期的方法内找到

$('<td class="calendar-day calendar-other-month"></td>').attr('abbr',day[0]+','+day[1]+','+day[2]).html(day[2]).appendTo(tr);
去掉这句话,重写后面的内容


                
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值