javascript -::moment()::jQuery 转换输入值并将其与给定日期进行比较

Question

我想检查用户输入的日期(已打印)是 future 日期还是过去日期。

我显示默认日期为 2 天后，如果用户在给定的文本字段中输入 1，则应显示为“过去”日期，或者如果用户在文本字段中输入 3 或更多，它应该写成“ future ”

************ FIDDLE ***********

$(document).ready(function() {

  var inputDate = jQuery(this).val();
  var myDateNew = moment().add(2, 'days').format('MMM DD, YYYY');  
  jQuery('#myDate').text(myDateNew);

  jQuery(document).on('keyup', '#inputDate', function () {

    if ($('#inputDate').val() > myDateNew) {
      jQuery('#dateCheck').text('Future');
    }

    else if ($('#inputDate').val() < myDateNew) {
      jQuery('#dateCheck').text('Past');
    }


  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
Date: <span id="myDate"></span>

<br>
<input type="text" name="inputDate" id="inputDate" value="" placeholder="Enter number">

<div id="compare">
Entered date is : <span id="dateCheck"></span>
</div>

Answer 1

在比较之前你需要用你的日期创建一个时刻对象

moment().add($('#inputDate').val(), 'days') > moment(myDateNew)

例如

$(document).ready(function() {

  var inputDate = jQuery(this).val();
  var myDateNew = moment().add(2, 'days').format('MMM DD, YYYY');  
  jQuery('#myDate').text(myDateNew);

  jQuery(document).on('keyup', '#inputDate', function () {

    var diff = moment().add($('#inputDate').val(), 'days');
    if (diff > moment(myDateNew)) {
      jQuery('#dateCheck').text('Future');
    }

    else if (diff < moment(myDateNew)) {
      jQuery('#dateCheck').text('Past');
    }


  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
Date: <span id="myDate"></span>

<br>
<input type="text" name="inputDate" id="inputDate" value="" placeholder="Enter number">

<div id="compare">
Entered date is : <span id="dateCheck"></span>
</div>