结束日期大于开始日期验证 javascript 无法正常工作-解网

问：

我正在尝试对我的日期进行验证，以便结束日期大于开始日期，但不起作用。我做错了什么？

 <head>
 <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
 <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
  <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />       
  <script src="@Url.Content("~/Scripts/jquery-ui-1.8.19.min.js")" type="text/javascript"></script>
  <script src="@Url.Content("~/Scripts/jquery-ui.unobtrusive.min.js")" type="text/javascript"></script>   
  <script src="@Url.Content("~/Scripts/jquery-ui.unobtrusive-0.5.0.min.js")" type="text/javascript"></script>
  <script src="@Url.Content("~/Scripts/gen_validatorv4.js")" type="text/javascript"></script>

  </head>
     @using (Html.BeginForm("SearchFree", "Reservation", FormMethod.Get,new {id = "form" }))
   {                    

  <h7>Introduceti perioada Rezervarii</h7>
<div class="editor-label">
<label id="cautare" for="StartDate">Data Intrare:   </label>@(Html.JQueryUI().Datepicker("StartDate").DateFormat("mm-dd-yy").MinDate(DateTime.Today).ShowButtonPanel(true).ChangeYear(true).ChangeMonth(true).NumberOfMonths(2))
</div>
<div class="editor-label">
<label  id="cautare"  for="EndDate">Data Iesire:</label>@(Html.JQueryUI().Datepicker("EndDate").DateFormat("mm-dd-yy").MinDate(DateTime.Today).ShowButtonPanel(true).ChangeYear(true).ChangeMonth(true).NumberOfMonths(2))

</div>

<p>
    <input id="buton1" type="submit" value="Cauta camere libere" />
</p>

      }
      <script type="text/javascript">
         $(document).ready(function () {
    $.validator.addMethod("EndDate", function (value, element) {
        var startDate = $('.StartDate').val();
        return Date.parse(startDate) <= Date.parse(value);
    }
      , "* End date must be after start date");
     $('.form').validate();
    });
      </script>

jquery asp.net-mvc-3 验证 unobtrusive-javascript

jQuery.validator.addMethod("greaterThan", 
function(value, element, params) {

    if (!/Invalid|NaN/.test(new Date(value))) {
        return new Date(value) > new Date($(params).val());
    }

    return isNaN(value) && isNaN($(params).val()) 
        || (Number(value) > Number($(params).val())); 
},'Must be greater than {0}.');

这样使用：

$(".EndDate").rules('add', { greaterThan: ".StartDate" });

或

$("form").validate({
    rules: {
        EndDate: { greaterThan: ".StartDate" }
    }
});

上一个：关闭不显眼的验证运行时？

下一个：如果非显眼验证无效，则显示 div，如果在 MVC 3 中有效，则将其隐藏

结束日期大于开始日期验证 javascript 无法正常工作

End-date greater than start-date validation javascript not working properly

评论