项目地址 返回首页

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

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为结束时间,包含月份及年份信息