首页 | 3722 | 596 | 298 | 添加收藏 上一个 下一个
jQuery 十二个月平铺式日历模板插件

如何调用


html


<div id="div1"></div>

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))//设置指定的年份

如何快捷选中日期?


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