Datepicker должен быть закрыт после выбора даты

Question

Я использую два типа DatePicker на своей странице в одном поле Я использую jQuery Multidatepicker, а в другом поле ввода я использую DatePicker. Оба работают нормально, но проблема в том, что средство выбора даты не скрывается после выбора даты.

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: true, все еще не работает

$("#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

Datepicker должен быть закрыт автоматически после выбора пользователем даты. Я думаю, возможно, ошибка вызвана тем, что еще в вашем коде, или вы можете просто попробовать это сначала

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

Answer 2

Проверьте этот код:

$(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();
    });


});