datetimepicker 多次点击input日期选择器不显示

首先熟悉一下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方法的后面,希望大家可以借鉴或者有更好的方法提出,大家共享一下。

Supongo que te gusta

Origin blog.csdn.net/jianshou6442/article/details/81476578
Recomendado
Clasificación