今天到明年元旦可选,选择一个区间
var year = (new Date()).getFullYear() + 1; new calendar('.calendar1', { limitRange: [ ['today', year + '0101'] ], isRange: true });
选择某一天
new calendar('.calendar2', { '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); new calendar('.calendar3', { highlightRange: [ [string + '15', string + '16'] ] });
调用方法:
new calendar("selector",options);
options参数
参数 | 默认值 | 说明 |
---|---|---|
prefix | 'widget' | 生成日历的class前缀 |
isRange | false | 是否选择范围 |
limitRange | [] | 有效选择区域的范围(可以为多区间),如[['20150501','20151001']],'today'表示今天 |
highlightRange | [] | 指定日期范围高亮(可以为多区间),如[['20150501','20151001']],'today'表示今天 |
onChange(day) | [空] | 当前选中月份修改时触发,day为当月第一天,包含月份及年份信息 |
onSelect([start,end]) | [空] | 选择日期时触发,start为开始时间,end为结束时间,包含月份及年份信息 |