在 2 个文本框之间进行验证 - jquery

Question

我如何使用 jquery 验证两个日期文本框。我遇到了这个sn-p的代码。如何输入文本框参数：

$.validator.addMethod('greaterThan', function(value, element, param) { return ( IsNaN( value ) && IsNaN( $(param).val() ) ) || ( value > $(param).val() ); }, 'Must be greater than {0}.' );

$.validator.addMethod('lesserThan', function(value, element, param) { return ( IsNaN( value ) && IsNaN( $(param).val() ) ) || ( value < $(param).val() ); }, 'Must be lesser than {0}.' );

开始日期必须大于结束日期。

Answer 1

$(function() {
  $("#msg").text('');

  $("#checkdates").click(function(event) {
    var startdate = Date.parse($("#startdate").val());
    if (!startdate) {
      $("#msg").append("Start Date is not a valid date<br/>");
    }

    var enddate = Date.parse($("#enddate").val());
    if (!enddate) {
      $("#msg").append("End Date is not a valid date<br/>");
    }

    if (startdate && enddate) {
      if (startdate < enddate) {
        $("#msg").text("Start date must be greater than end date");
      } else {
        $("#msg").text("all good!");
      }
    }
    event.preventDefault();
    return false;
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
  Start: <input type="text" id="startdate" value="1/1/2000" />
  End: <input type="text" id="enddate" value="1/1/1990" />
</form>
<button id="checkdates">Check Dates</button>

<div id="msg"></div>

抓取 DateJS

http://www.datejs.com/