2012-08-07 130 views
0

我在玩http://jqueryui.com/demos/datepicker/#date-range,但如果第一個日期大於第二個日期並且還阻止提交表單,則需要觸發/觸發錯誤,是否可以幫助我得到這個工作?我注意到參數:如果第一個日期大於第二個日期,則觸發錯誤

$("#to").datepicker("option", "minDate", selectedDate); 
$("#from").datepicker("option", "maxDate", selectedDate); 

但是不知道那些是否做了這項工作。如果有人知道更好的工具/庫讓我知道它。

歡呼和由於事先

+0

可能重複http://stackoverflow.com/questions/5142693/jquery- ui-datepicker-difference-in-days) – Blazemonger 2012-08-07 14:58:30

回答

2

下面是代碼:

<script> 
       $(document).ready(function(){ 
        $("#from").datepicker(); 
        $("#to").datepicker(); 
       }); 
      </script> 

      <script> 
       $(document).ready(function(){ 
        $("#submit_form").click(function() { 
         testDates(); 
        }); 
       }); 

       function testDates() { 
        var from = new Date(Date.parse($("#from").attr("value"))); 
        var to = new Date(Date.parse($("#to").attr("value"))); 
        if (from > to) { 
         alert("From is greater than to!"); 
         return; 
        } 
        alert("do submit"); 
       } 
      </script> 
[天jQuery UI的日期選擇差(的
+0

@ arsic-dagran我假定#submit_form是一個按鈕或者帶有這個ID的元素嗎?如果我的表單有一個動作並且還有一個發送表單的提交按鈕,那麼這個代碼會阻止表單在條件未完成的情況下被提交? – ReynierPM 2012-08-07 15:27:11

+0

@ arsic-dagran謝謝我測試了代碼,它的工作原理 – ReynierPM 2012-08-07 15:48:17

相關問題