首先熟悉一下datepicker的部分属性设置以及详细解释:
//js中的datepicker属性设置
$('.selectData').datepicker({
autoclose: true, //自动关闭
beforeShowDay: $.noop, //在显示日期之前调用的函数
calendarWeeks: false, //是否显示今年是第几周
clearBtn: false, //显示清除按钮
daysOfWeekDisabled: [], //星期几不可选
endDate: Infinity, //日历结束日期
forceParse: true, //是否强制转换不符合格式的字符串
format: 'yyyy-mm-dd', //日期格式
keyboardNavigation: true, //是否显示箭头导航
language: 'cn', //语言
minViewMode: 0,
orientation: "auto", //方向
rtl: false,
startDate: -Infinity, //日历开始日期
startView: 0, //开始显示
todayBtn: false, //今天按钮
todayHighlight: false, //今天高亮
weekStart: 0 //星期几是开始
});
这两天遇到datetimepicker中多次(包括第二次点击)点击input框时日期选择器不显示,经过查阅和多次测试,需要使用鼠标监听触发,具体方法如下:
/* 点击input框时加载监听事件*/
document.getElementsByName('input的name名称')[0].addEventListener('click',myfunc)
function myfunc(e){
e.currentTarget.blur();
}
以上这段代码必须放在datetimepicker方法的后面,希望大家可以借鉴或者有更好的方法提出,大家共享一下。