タイムピッカーフィールドを入力するために2回クリックする必要があります

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

私は値を選択するために、それをクリックして、私のSubmitボタンがクリック可能に見えていません。しかし、それがあります、私はフォームを提出することができますが、私はまだエラーが表示されます：必要なので、このフィールドを記入してください。

私はそれをクリックして値TWICEを選択すると、それはすべて良いです。どうすれば修正できますか？

Answer 1

私はそれを回避しました。変更は、（）最初のクリックによってトリガので、これは私のために働いていたものですされていません。

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

今のフォームは有効であり、送信あまりにも合法的に見えます。