html日历模板,jQuery 十二个月平铺式日历模板插件

插件描述：展示指定年份的十二个月的日历模板，可以支持用方向键快速选择日期

如何调用

html

js$('#div1').fullYearPicker({

disable:false,//只读

year:"2019",//指定年份

initDate:["2019-07-20","2019-07-21","2019-07-22","2019-07-23"],//初始化选中日期

yearScale: { min: 1949, max: 2100 },//初始化日历范围

format:"YYYY-MM-DD",//日期格式化  YYYY-MM-DD  YYYY-M-D

cellClick: function (dateStr, isDisabled) {//当前选中日期回调函数

},

choose:function (a) {//实时获取所有选中的日期的回调函数(推荐使用)

$("#a").text(JSON.stringify(a));

}

});

方法：$('#div1').fullYearPicker('getSelected')//获取日历当前选中值

$('#div1').fullYearPicker('acceptChange')//更新日历

$('#div1').fullYearPicker('getSelected')//获取所有选中的日期

$('#div1').fullYearPicker('setYear', parseInt(year))//设置指定的年份

如何快捷选中日期？

鼠标手动选中一个日期后，会出现一个红色闪烁的光标，点击键盘方向键操作光标位置，便可以自动选择相应的日期；