js设置日历选择范围,并且开始时间不能大于截止时间

JavaScript020

js设置日历选择范围,并且开始时间不能大于截止时间,第1张

// 初始化时间设置

var DateRange = {

startTime:“2016-02”,

endTime:“2017-07”

};

$(".workload [name = 'startMonth']").datepicker({

"startView":1,

minViewMode:1,

format:"yyyy-mm",

'endDate':DateRange.endTime,

'startDate':DateRange.startTime

}).on('changeDate',function(e){

var startTime = e.date

$(".workload [name = 'endMonth']").datepicker('setStartDate',startTime)

});

$(".workload [name = 'endMonth']").datepicker({

"startView":1,

minViewMode:1,

format:"yyyy-mm",

'maxDate':DateRange.endTime,

'minDate':DateRange.startTime

}).on('changeDate',function(e){

var endTime = e.date

$(".workload [name = 'startMonth']").datepicker('setEndDate',endTime)

});

1.写一个获取当前时间的脚本

2.写一个获取事件源绝对坐标的脚本

3.写一个日历生成脚本,根据年(闰年)月(大小月)周(周一到周日)生成日历

4.当事件源(一般是文本框)获得焦点的时候,触发获取绝对坐标的事件,然后生成当前月的日历,将此日历的坐标用脚本移动到文本框下方

5.生成日历的时候,给所有日添加返回事件,把当前选中的年月日反馈

6.用脚本把反馈回来的日期信息,写入事件源控件

7.网上日历控件一大堆,最好别自己写,很容易蛋疼的