时间插件 jquery datepicker插件和bootstrap datetimepicker插件

datepicker插件:

$( ".datepicker" ).datepicker({

showOtherMonths: true,

changeYear: true,

inline: true,

onSelect: function(dateText, inst) {

}

});

总结:这款插件功能还是挺强大的,但是,我发现这个插件不能通过参数设置年视图和月视图,那下面这个插件刚好就解决了这个问题。




bootstrap datetimepicker插件:

$(".form_datetime2").datetimepicker({

language:  'zh-CN',

format: 'yyyy-mm-dd',

weekStart: 1,

todayBtn:  false,

autoclose: true,

todayHighlight: false,

startView: 2, //这里就设置了默认视图为年视图

minView: 2, //设置最小视图为年视图

forceParse:false,

pickerPosition: "bottom-left",

}).on("change",function(){

$("#birthday").datetimepicker("setStartDate",$("#birthday").val())

console.log($("#birthday").val())

var ss = $("#birthday").val().substr(0, 10);

self.birthday = ss

})

HTML:


总结:这款插件我感觉还是挺好的,但是触发这款插件是

这个标签,如果你不想写这个标签的触发的时候就有问题了,而且是你想象不到问题。

解决办法:

这个标签还是要写上,css中写visibility:hidden;不可见,包着这个标签设置:position:absolute;left:0;绝对定位就好啦

具体见上面代码。。。。。。。。





希望对你有帮助,欢迎吐槽。。。。。。。。。。。。。。。。。。。。。。。。。

你可能感兴趣的:(时间插件 jquery datepicker插件和bootstrap datetimepicker插件)