Klicken Sie zweimal, um das Zeitpickerfeld zu füllen

Question

Ich habe ein Formular, das von bootstrap form validation validiert wird. Im Inneren habe ich ein Timepicker Textfeld:

<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> 

Das ist mein jquery:

$("#meeting_time).timepicker({ 
     timeFormat: ("H:mm"), 
     minTime: "8:30", 
     maxTime: "15:00" 
    }) 

ich darauf klicke den Wert auszuwählen, aber meine Submit-Button angeklickt sieht nicht so aus. Allerdings ist es, und ich kann das Formular abschicken, aber ich bekomme immer noch einen Fehler, der sagt: Bitte füllen Sie dieses Feld aus (da es erforderlich ist).

Wenn ich darauf klicke und Wert ZWEIMAL wähle, dann ist alles gut. Wie kann ich es reparieren?

Answer 1

Ich habe daran gearbeitet. die Änderung() durch den ersten Klick nicht ausgelöst, so ist dies, was für mich gearbeitet:

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

Nun ist die Form gültig ist und Absenden sieht auch echt.