必須單擊兩次才能填寫時間選擇器字段

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

現在的形式是有效的，並提交看起來合法的了。