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

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

我已经解决了它。变化（）不是由第一次点击触发的，所以这是对我工作：

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

现在的形式是有效的，并提交看起来合法的了。