jquery - 必须单击两次才能填写时间选择器字段

Question

我有一个通过bootstrap form validation验证的表单。在其中，我有一个时间选择器文本字段：

    <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"
    })

我单击它以选择值，但我的提交按钮看起来不可单击。但是，它是，我可以提交表单，但我仍然收到错误消息：请填写此字段（因为它是必需的）。

如果我单击它并选择值 TWICE，那么一切都很好。我该如何解决？

Answer 1

我已经解决了它。第一次点击不会触发 change() ，所以这对我有用：

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

现在表格是有效的，提交看起来也合法。