Kalendae —— 日期多选插件

Kalendae 是一个 JavaScript 实现的日期选择工具,无需依赖其他 JS 库。

Kalendae.js下载

引用:


html页面:


js部分:

 可设置默认选中日期,此处为默认选中当天、距当天7天及14天 3个数据;可以通过 kal.getSelect() 获取已选中的日期

// 日期多选
var kal = new Kalendae.Input("datepk", {
	months: 2, //months属性表示日历显示几个月,值:1、2、3.....;默认值:1
	mode: 'multiple', //mode属性表示显示的是单选还是多选还是范围,值:'single'、'multiple'、'range';默认值:'single'
	dayHeaderClickable: true,
	subscribe: {
		'date-clicked': function (date) {
			console.log(date._i, this.getSelected());
		}
	}, //subscribe属性表示绑定kalendea指定的事件,支持的事件有change、date-clicked、view-changed
	selected: Kalendae.moment().subtract({M: 1})
}); 

// 设置默认选中日期
var day1 = new Date();
var day2 = new Date();
var day3 = new Date();
day1.setDate(day1.getDate());
day2.setDate(day1.getDate() - 7);
day3.setDate(day1.getDate() - 14);
var d3 = day3.format("yyyy-MM-dd");
var d2 = day2.format("yyyy-MM-dd");
var d1 = day1.format("yyyy-MM-dd");
kal.setSelected(d3 + "," + d2 + "," + d1); //设置选中日期,多个用逗号隔开

 

 

你可能感兴趣的:(Kalendae —— 日期多选插件)