Timepicker werden nicht nach dem Klick Ändern

Question

Ich bin mit dem Timepicker http://pttimeselect.sourceforge.net/example/index.html

In meiner Form validieren ich die Eingangswerte sein für alle Werte mit Ausnahme der departure_time arbeiten.

Ich habe einen Datepicker und es funktioniert gut, aber mit der Zeit tut es nichts.

<script type="text/javascript"> 
jQuery(function($) { 
    var validator = $('#commentForm').validate({ 
    rules: { 
     departure_time: { 
     required: true 
     } 
    } 

     $(document).ready(function(){ 
      $('#sample1 input').ptTimeSelect(); 
     }); 
     $(document).ready(function(){ 
      $('#sample2 input').ptTimeSelect(); 
     }); 

$(document).ready(function(){ 
    $("#departure_time").focus(function(){ 
     console.log($(this).valid()); 
    }); 
}); 

$(document).on('change','input',function(){ 
//alert('testinput'); 
    console.log($(this).valid()); 
}); 

</script> 

<div id="sample1" class="ui-widget-content" > 
    <input name="departure_time" size="35" value="" id="departure_time" data-error="#errNm10" /> 
<div class="errorTxt"> 
<span id="errNm10"></span><br> 
</div> 
</div> 

Answer 1

Sie haben verschiedene Probleme in Ihrem HTML.

1) Validate Plugin ist am Ende fehlt });

2) Es gibt keine <form id="commentForm">

3) jQuery(function($) { fehlt Schließen });

Sobald Sie mit dem oben fertig sind, ändert sich alles funktioniert . Unten ist die aktualisierte Geige.

AKTUALISIERT FIDDLE - https://jsfiddle.net/j813ntb6/

jQuery(function($) { 
    var validator = $('#commentForm').validate({ 
     rules: { 
      departure_time: { 
      required: true 
      } 
     } 
    }); 

    $(document).ready(function(){ 
     $('#sample1 input').ptTimeSelect(); 
    }); 

    $(document).ready(function(){ 
     $('#sample2 input').ptTimeSelect(); 
    }); 

    $(document).ready(function(){ 
     $("#departure_time").focus(function(){ 
      console.log($(this).valid()); 
     }); 
    }); 

    $(document).on('change','input',function(){ 
     //alert('testinput'); 
     console.log($(this).valid()); 
    }); 
});