年季度月周日控件html,基于bootstrap按年、季度、年月、年月日的日历插件(原创)...

插件描述：基于bootstrap按年、季度、年月、年月日的日历插件，作为bootstrapdatetimepicker的扩展

更新时间：2020-07-02 22:02:19

更新说明：修改yk-datepicker.js中的bug，未压缩版的js与压缩版的不一致

更新时间：2020-06-16 00:47:14

更新说明：开放yk-datepicker.js源码

实际文件里面引用的都是min.js,这里面禁用调试了，如果需调试使用，请引用未压缩的js

yk-datepicker.js及yk-datepicker.min.js均放在js文件夹下

更新时间：2020-06-10 00:17:42

更新说明：添加日期范围选择,添加根据显示标准动态改变日历显示格式

更新时间：2020-06-09 00:08:47

介绍：

基于bootstrap按年、季度、年月、年月日的日历插件

1、依赖环境

CSS：bootstrap.min.css    bootstrap-datetimepicker.min.css    yk-datepicker.css

JS：jquery-1.8.3.min.js      bootstrap.min.js    bootstrap-datetimepicker.js       yk-datepicker.min.js

2、使用

HTML代码：

年

季度

年月

年月日

JS代码：// 按年

$('.form_Y').getY().on('changeDate', function(event) {

event.preventDefault();

event.stopPropagation();

});

//按季度

$('.form_QT').getQT().on('changeDate', function(event) {

event.preventDefault();

event.stopPropagation();

});

// 按年月

$('.form_YM').getYM().on('changeDate', function(event) {

event.preventDefault();

event.stopPropagation();

});

// 按年月日

$('.form_YMD').getYMD().on('changeDate', function(event) {

event.preventDefault();

event.stopPropagation();

});