bootstrap datetimepicker选择日期后如何关闭日期选择器

By | 2020年6月23日

大家在使用datetimepicker的时候会发现,在选择好时间后,日期选择器并没有关闭,而是需要你点击选择器意外的地方它才会隐藏关闭,那么如何设定让其只要我选择好了之后就关闭选择器窗口呢?

实现方式如下:

$('#dateinput').datetimepicker({
        format: 'yyyy-mm-dd',
        minView: "month",
        language:'zh-CN'
    }).on('changeDate',function(ev){
    	$('#dateinput').datetimepicker('hide');
    });

以上方法是用到了datetimepicker的监听事件changeDate,监听到选择日期框中的日期改变了,就会触发,然后就是用到datetimepicker的隐藏日期选择器的方法datetimepicker(‘hide’),调用隐藏方法就可以了。

发表评论

电子邮件地址不会被公开。 必填项已用*标注