项目地址 返回首页

今天到明年元旦可选,选择一个区间

var year = (new Date()).getFullYear()+1;
$('.calendar1').calendar({
	limitRange:[['today',year+'0101']],
	isRange:true
});

选择某一天

$('.calendar2').calendar({
	'onSelect':function(range){
		alert('你选择了'+range[0]['year']+'-'+range[0]['month']+'-'+range[0]['day']);
	}
});

指定日期高亮显示,如:当前月份的15和16号

var today = new Date();
var year = today.getFullYear();
var month = today.getMonth()+1;
var string = year+(month>9?month:'0'+month);
$('.calendar3').calendar({
	highlightRange:[[string+'15',string+'16']]
});

调用方法:

$(selector).calendar(options);

options参数

参数 默认值 说明
prefix 'widget' 生成日历的class前缀
isRange false 是否选择范围
limitRange [] 有效选择区域的范围(可以为多区间),如[['20150501','20151001']],'today'表示今天
highlightRange [] 指定日期范围高亮(可以为多区间),如[['20150501','20151001']],'today'表示今天
onChange(day) [空] 当前选中月份修改时触发,day为当月第一天,包含月份及年份信息
onSelect([start,end]) [空] 选择日期时触发,start为开始时间,end为结束时间,包含月份及年份信息