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