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開始日期和完成日期無插件驗證

回答

相關問題