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

JavaScript013

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.网上日历控件一大堆，最好别自己写，很容易蛋疼的