如何在选择日期后隐藏datetimepicker

Question

我使用jquery中的datetimepicker

$(".calendarField").datetimepicker({
        timepicker: false,
        format: "d-m-Y",
        })

我已宣布timepicker为false

即使选择了日期。小部件没有关闭。我们必须双击，然后才会隐藏。

我想在选择日期时隐藏小部件（单击）

我尝试了这些可能性，但它无法正常工作，

autoclose:true

onChangeDateTime: function(current_time, $input) {
            $input.data("Date", current_time.getTime());
        }

Answer 1

只需在日期选择工具autoclose: true

中添加此行即可

$(".calendarField").datetimepicker({
    format: "d-m-Y",
    autoclose: true
 })

或

只需在输入中添加一个更改事件，该值将在值更改时触发。然后你可以在那里关闭datepicker，如下所示：

$('.yourInputClass').on('change', function(){
   $('.datepicker').hide();
});

Answer 2

您可以使用changeDate事件： 以下是changeDate事件的示例：

$('#yourid').on('changeDate', function(ev){
    $(this).datepicker('hide');
});

您也可以设置autoClose : true

$('#yourid').datepicker({
    format: "dd/mm/yyyy",
    autoclose: true
});

Answer 3

如果您不需要dateTimePicker的时间段，则可以使用datePicker https://jqueryui.com/datepicker/