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

JavaScript022

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. 引入日期插件：引入插件文件，如laydate.js；

2. 添加HTML标签：添加input标签，设置ID和其他属性；

3. 初始化日期控件：调用日期插件的初始化函数，传入ID和其他参数；

4. 设置回调函数：通过回调函数获取日期控件的值，并设置到input标签的value属性中；

5. 设置默认时间：设置input标签的value属性，作为日期控件的初始值；

6. 日期格式转换：如果需要，可以将日期控件的值转换为指定格式。