DatePicker开始日期和完成日期无插件验证

在JqueryUI中使用Asp.Net MVC 4。DatePicker开始日期和完成日期无插件验证

我有2个文本框为我提供日期选择器。我需要验证;开始日期可以等于完成日期，结束日期不能小于开始日期。

Datepicker脚本代码;

<script> 
    $(function() { 
     $(".date").datepicker({ 
      changeMonth: true, 
      changeYear: true 
     }); 
    }); 

</script>

我的文本框：

<td>@Html.TextBoxFor(model => model.StartDate, "{0:dd.MM.yyyy}", new { @class = "date", @id="dt1" }) </td> 

<td>@Html.TextBoxFor(model => model.FinishDate, "{0:dd.MM.yyyy}", new { @class = "date", @id="dt2" }) </td>

I found this code from this subject。但我无法验证。我不知道有什么问题。所有的帮助将不胜感激。

$(document).ready(function() { 

$("#dt1").datepicker({ 
    dateFormat: "dd-M-yy", 
    minDate: 0, 
    onSelect: function (date) { 
     var dt2 = $('#dt2'); 
     var startDate = $(this).datepicker('getDate'); 
     var minDate = $(this).datepicker('getDate'); 
     dt2.datepicker('setDate', minDate); 
     startDate.setDate(startDate.getDate() + 30); 
     //sets dt2 maxDate to the last day of 30 days window 
     dt2.datepicker('option', 'maxDate', startDate); 
     dt2.datepicker('option', 'minDate', minDate); 
     $(this).datepicker('option', 'minDate', minDate); 
    } 
}); 
$('#dt2').datepicker({ 
    dateFormat: "dd-M-yy" 
});

}）;

JQuery - end date less than start date

来源

2014-10-01 ispanak

什么时候你想显示两个日期的验证是否相等？我的意思是当你检查日期或当你点击提交 – Balder 2014-10-01 09:25:52

感谢你的答案。我需要这样的东西。请检查这个链接： http://jsfiddle.net/PPSh3/7/ – ispanak 2014-10-01 10:46:43

我想这可能帮助你，当你改变了datepickers之一将显示一个错误，如果两者是不同的。并且还选择isValid变量为false也使其无法提交

<script> 
    var isValid=true; 
    $(function() { 
     $(".date").datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      onSelect: function() { 
       var date1 = $("#dt1").datepicker('getDate'); 
       var date2 = $("#dt2").datepicker('getDate'); 
       if (date1.getDate() === date2.getDate() && 
        date1.getMonth() === date2.getMonth() && 
        date1.getFullYear() === date2.getFullYear()) 
       { 
        isValid=false; 
        //ALERT error 
       } 
      } 
     }); 
    }); 

</script>

来源

2014-10-01 09:31:27 Balder

好吧，它解决了。这是不同的解决方案，如果有人需要 http://jsfiddle.net/jquerybyexample/CkfDP/ – ispanak 2014-10-01 11:10:28

DatePicker开始日期和完成日期无插件验证

回答

相关问题