html
1 | < div id = "div1" ></ div > |
js
1 2 3 4 5 6 7 8 9 10 11 12 | $( '#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)); } }); |
方法:
1 2 3 4 | $( '#div1' ).fullYearPicker( 'getSelected' ) //获取日历当前选中值 $( '#div1' ).fullYearPicker( 'acceptChange' ) //更新日历 $( '#div1' ).fullYearPicker( 'getSelected' ) //获取所有选中的日期 $( '#div1' ).fullYearPicker( 'setYear' , parseInt(year)) //设置指定的年份 |
如何快捷选中日期?
鼠标手动选中一个日期后,会出现一个红色闪烁的光标,点击键盘方向键操作光标位置,便可以自动选择相应的日期;
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com