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;绝对定位就好啦
具体见上面代码。。。。。。。。
希望对你有帮助，欢迎吐槽。。。。。。。。。。。。。。。。。。。。。。。。。
