必须单击两次以填充timepicker字段

Question

我有一个由bootstrap form validation验证的表单。在里面，我有一个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"
    })

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

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

Answer 1

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

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

现在表单有效，提交看起来也合法。