2012-10-24 84 views
0

我的問題是自動填補文本當頁面加載的這兩個日期,然後根據日期使用日期選擇器自動使用jQuery然後過濾

過濾它們填補了一個月前的當前日期和時間在文本框中

代碼我現在已經

    <td > 

        <label for="from">Start date:</label> 

        <input type="text" id="from" /> 

        <label for="to">End date:</label> 

        <input type="text" id="to" /> 


       </td> 

和腳本

$(function() { 
    $("#from").datepicker({ 
     defaultDate: "+1w", 
     changeMonth: true, 
     numberOfMonths: 1, 
     onSelect: function(selectedDate) { 
      $("#to").datepicker("option", "minDate", selectedDate); 
     } 
    }); 
    $("#to").datepicker({ 
     defaultDate: "+1w", 
     changeMonth: true, 
     numberOfMonths: 1, 
     onSelect: function(selectedDate) { 
      $("#from").datepicker("option", "maxDate", selectedDate ); 
     } 
    }); 
    }); 

任何幫助表示讚賞!

回答

0

我假設你想設置的最小/最大日期爲您onSelect處理指示,所以:

編輯:添加代碼以預填充日期。

編輯2:再次爲不同的要求沒有在問題中說明。

$(function() { 
    $("#from").datepicker({ 
     defaultDate: "-3w", 
     maxDate: "+1w", 
     changeMonth: true, 
     numberOfMonths: 1, 
     onSelect: function(selectedDate) { 
      $("#to").datepicker("option", "minDate", selectedDate); 
     } 
    }).datepicker('setDate', '-3w'); 
    $("#to").datepicker({ 
     defaultDate: "+1w", 
     minDate: "-3w", 
     changeMonth: true, 
     numberOfMonths: 1, 
     onSelect: function(selectedDate) { 
      $("#from").datepicker("option", "maxDate", selectedDate); 
     } 
    }).datepicker('setDate', '+1w');; 
}); 
+0

我只是測試它,它不會工作,如何自動填寫日期第一,你有什麼想法? –

+0

查看我編輯的版本。 –

+0

謝謝,這使文本框預先填充的價值,他們是相同的日期,我想第一個文本框比第二個月提前一個月,還有,如何在頁面加載時觸發一個事件,可以做一個過濾器 –