点击后时间选择器没有改变

Question

我正在使用时间选择器http://pttimeselect.sourceforge.net/example/index.html

在我的表单中，我验证了输入值，它适用于除 departure_time.

之外的所有值

我有一个日期选择器，它运行良好，但随着时间的推移它什么也做不了。

<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

您的 html 中有各种问题。

1)最后缺少验证插件});

2) 没有<form id="commentForm">

3) jQuery(function($) { 缺少关闭 });

完成上述更改后，一切正常。以下是更新后的 fiddle.

已更新 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());
    });
});

点击后时间选择器没有改变

timepicker is not changing after click

jquery

jquery-validate