Javascript 在当前日期禁用计时器中的时间无法正常工作_Javascript_Jquery_Timepicker

Javascript 在当前日期禁用计时器中的时间无法正常工作

javascript jquery

Javascript 在当前日期禁用计时器中的时间无法正常工作,javascript,jquery,timepicker,Javascript,Jquery,Timepicker,如果仅在日期选择器中首先选择了当前日期，则禁用时间可以正常工作；如果在任何日期之后选择了当前日期，则禁用时间不起作用因此，基本上，只有当时间是第一个要选择的东西时，时间才会被禁用，并且即使选择的日期不是当前日期，日期在禁用后也不会被启用我使用了“alert”语句，通过再次选择日期来检查块是否正在执行，它们正在执行，但输出没有变化。提前感谢所有在这方面帮助我的人试试这个 <body> <p id="datepairExample"> <i

如果仅在日期选择器中首先选择了当前日期，则禁用时间可以正常工作；如果在任何日期之后选择了当前日期，则禁用时间不起作用

因此，基本上，只有当时间是第一个要选择的东西时，时间才会被禁用，并且即使选择的日期不是当前日期，日期在禁用后也不会被启用

我使用了“alert”语句，通过再次选择日期来检查块是否正在执行，它们正在执行，但输出没有变化。提前感谢所有在这方面帮助我的人

试试这个

<body>
    <p id="datepairExample">
        <input type="text" id="date" class="date start" /> <input id="time"
        type="text" class="time start" />
    </p>
</body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/datepair.js"></script>
<script type="text/javascript" src="js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/jquery.datepair.js"></script>
<script type="text/javascript" src="js/jquery.timepicker.js"></script>
<script type="text/javascript" src="js/site.js"></script>


<script>
    $(document).ready(function() {
        $('#datepairExample .time').timepicker({
        'showDuration' : true,
        'timeFormat' : 'g:ia'
    });

    $('#datepairExample .date').datepicker({
        startDate : "0d"
    });
    $('#datepairExample .date').datepicker().on('changeDate', function(ev) {
        var x = new Date();
        var s = document.getElementById("date").value + "";
        if (s.charAt(0) == '0') {
            s = s.substring(1, s.length);
        }

        if (x.toLocaleDateString() == s) {
            alert("abc");
            $('#datepairExample .time').timepicker({
                'disableTimeRanges' : [ [ '12am', x ] ]
            });
        }
        /* else{
            alert("pqr");
            $('#datepairExample .time').timepicker({
                'showDuration' : true,
                'timeFormat' : 'g:ia'
            });

        } */
    });

    //$("#datepairExample .date").datepicker("option", "startDate", -1);
    /*$(function() {
        $("#datepairExample .date").datepicker({
            numberOfMonths : 3,
            showButtonPanel : true,
            minDate : x
        });
    }); */

    // initialize datepair
    $('#datepairExample').datepair();

    });
  // initialize input widgets first
  </script>

function getCurrentTime(date) {
        var hours = date.getHours(),
            minutes = date.getMinutes(),
            ampm = hours >= 12 ? 'pm' : 'am';

      hours = hours % 12;
      hours = hours ? hours : 12; // the hour '0' should be '12'
      minutes = minutes < 10 ? '0'+minutes : minutes;

      return hours + ':' + minutes + ' ' + ampm;
    }

    var timeOptions = {
            'timeFormat': 'h:i A',
            'disableTimeRanges': [['12am', getCurrentTime(new Date())]]
        };

 var timeOptions = {
        'timeFormat': 'h:i A',
        'minTime': getCurrentTime(new Date())
    };