时间插件 jquery datepicker插件和boots

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:

<div class="date form_datetime2" data-link-field="birthday" data-date-format="yyyy-mm-dd" style="position:relative;">

<input size="16" type="text" readonly placeholder="出生日期*" style="cursor: pointer">

<span class="add-on" style="display:inline-block;width:276px;height:43px;position:absolute;left:0;">

<i class="icon-th" style="visibility:hidden;"></i>

</span>

<input type="hidden"  value=""  name="date_of_birth" id="birthday" data-date-format="yyyy-mm-dd"/>

</div>

总结：这款插件我感觉还是挺好的，但是触发这款插件是<i class="icon-th" style="visibility:hidden;"></i>

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

解决办法：

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

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

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