Нужно дважды щелкнуть, чтобы заполнить поле Timepicker

Question

У меня есть форма, которая проверяется путем проверки формы начальной загрузки. Внутри у меня есть текстовое поле Timepicker:

    <div class="col-xs-12 col-sm-6 form-group">
        <h3>Meeting time:</h3>
        <input  type="text" name="meeting_time" id="meeting_time" class="form-control" required />
        <div class="help-block with-errors"></div>
    </div>

Это мой jquery:

    $("#meeting_time).timepicker({
        timeFormat: ("H:mm"),
        minTime: "8:30",
        maxTime: "15:00"
    })

Я нажимаю на него, чтобы выбрать значение, но кнопка "Отправить" не выглядит кликабельной. Тем не менее, это так, и я могу отправить форму, но я все еще получаю сообщение об ошибке: Пожалуйста, заполните это поле (так как это необходимо).

Если я нажму на него и выберу значение ДВАЖДЫ, то все хорошо. Как я могу это исправить?

Answer 1

Я работал над этим. изменение () не срабатывает при первом нажатии, так что это то, что у меня сработало:

    $(".ui-timepicker-container").click(function(){
        setTimeout(function(){$("#meeting_time").change();}, 1);
    });

Теперь форма действительна и Submit выглядит тоже законно.