javascript - jQuery.val() 仅在带有日期选择器的第二个事件上返回值

Question

我正在使用 jQuery UI 的日期选择器处理一个(遗留)项目。我需要验证元素中输入的日期距离当前日期至少 24 小时。我在 blur 上抓取 datepicker 元素的值来验证它。问题是尝试获取应用了日期选择器的输入的值的行为不一致。 .val() 仅返回第二个模糊事件的值，然后返回该事件之前的模糊事件的值。使我抓狂。

标记:

<form action="" method="GET" novalidate="novalidate" class="form">
    <fieldset>
        <legend>Entry Date/Time</legend>

        <label for="ad" class="screen-reader-text">Entry Date</label>
        <span class="fa fa-calendar"></span>
        <input type="text" id="entry-date" name="ad" placeholder="March 4, 2019" autocomplete="off">
    </fieldset>

    <div class="submit-wrapper">
        <input type="submit" class="parking-submit" value="Submit">
    </div><!--ends submit-wrapper-->
</form>

JS:

  jQuery(document).ready(function($){
    $('.form input[type=text]').datepicker({
        minDate: -0,
        nextText: '>>',
        prevText: '<<',
        dateFormat: 'M dd, yy'
    });

  $('#entry-date').blur(function(){
       var now = new Date();
       console.log(now);
       var tomorrow = new Date(now.getTime() + 86400000); //1 day in ms
       console.log(tomorrow);
       var dateGiven = $('#entry-date').val();
       console.log('Set value is' + dateGiven);
  });
});

这是 a pen显示问题。

感谢任何帮助。

Answer 1

使用变化代替模糊。

   $('#entry-date').change(function(){
       var now = new Date();
       console.log(now);
       var tomorrow = new Date(now.getTime() + 86400000); //1 day in ms
       console.log(tomorrow);
       var dateGiven = $('#entry-date').val();
       console.log('Set value is' + dateGiven);
  });