Question

我在页面中使用两种类型的日期选择器，在一个字段中使用jQuery Multidatepicker，在另一个输入字段中使用日期选择器。两者都可以正常工作，但问题是选择日期后没有隐藏日期选择器。

HTML

<div>
<label>Start Date:</label> <br />
<s:textfield type="text" readonly="true" id="startDate" name="startDate"
class="form-control" autocomplete="off"/>
</div>

JAVASCRIPT 在下面的代码中，我使用了autoclose：true，但不起作用。

$("#startDate").datepicker({
    prevText : "click for previous months",
    nextText : "click for next months",
    showOtherMonths : true,
    dateFormat : 'dd/mm/yy',
    selectOtherMonths : false,
    maxDate : new Date(),
    autoclose: true
});

在下面的代码中，我使用了autoHide：是的，仍然无法正常工作

$("#startDate").datepicker({
    prevText : "click for previous months",
    nextText : "click for next months",
    showOtherMonths : true,
    dateFormat : 'dd/mm/yy',
    selectOtherMonths : false,
    maxDate : new Date(),
    autoHide: true
});

我想在选择日期后自动关闭日历。请告诉我是什么问题。

Answer 1

检查此代码：

$(document).ready(function () {


    $('#startDate').datepicker({
        prevText : "click for previous months",
        nextText : "click for next months",
        showOtherMonths : true,
        dateFormat : 'dd/mm/yy',
        selectOtherMonths : false,
        maxDate : new Date()
    }).on('change', function(){
        $('.datepicker').hide();
    });


});

Answer 2

用户选择日期后，日期选择器应自动关闭。我认为该错误可能是由代码中的其他原因引起的，或者您可以先尝试一下

$("#startDate").datepicker({});

选择日期后应关闭Datepicker

2 个答案: