2010-07-19 87 views
3

使用DatePicker即時通訊工具爲項目插件。但我想禁用日期比今天更舊(用戶想不出選擇舊日期) 我的JS是:在DatePicker插件中禁用日期比今日早的日期

datePickerController.createDatePicker({ 
formElements:{"inp1":"d-ds-m-ds-Y"} }); 

在手動:Both methods accept an Object that represents the dates or date ranges to disable. 我想不出有許多試驗和錯誤禁用時光呢。你能告訴我任何方式來做到這一點? 在此先感謝

編輯:

datePickerController.setRangeLow("myElementID",$today); 

datePickerController.setRangeHigh("myElementID",$old_dayes); 

我想設置動態日期("myElementID","20081201")。 日期範圍:$today$old_days = 'dates older than $today'

回答

3
docu

(注:這正是你所發佈的鏈接!)

限制日期選擇即設置 日期範圍

的日期選擇器可讓您定義 選擇日期的下限和上限。

要添加的下限或上限,只是 參數「rangeHigh」和/或 「rangeLow」添加到初始化 對象並設置其值是一個 YYYYMMDD日期格式字符串;對於 例如,下面的代碼將限制 日期選擇範圍 13/03/1970到20/12/1999外:

var opts = {        
    formElements:{"inp1":"d-sl-m-sl-Y"}, 
    // Set a range low of 13/03/1970     
    rangeLow:"19700313", 
    // Set a range high of 20/12/2009 
    rangeHigh:"20091220"     
};  
datePickerController.createDatePicker(opts); 

對於那些,誰不願意(只是一個滾動線向下在實況)...

設定日期範圍內動態

上部和下部的日期範圍可以 還可以通過編程由設置種調用以下兩種方法:

// Set the lower limit to be 01/12/2008 
datePickerController.setRangeLow("myElementID","20081201"); 
// Set the upper limit to be 01/12/2009 
datePickerController.setRangeHigh("myElementID","20091201"); 

編輯:

HTML:

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

的javascript:

var today = new Date(); 
var options = { 
    formElements: { 
     "datepicker": "d-sl-m-sl-Y" 
    }, 
    rangeLow: today.getFullYear() + today.getMonth() + today.getDay(), 
}; 
datePickerController.createDatePicker(options); 
+0

我沒有動態禁用日期。 – TheNone 2010-07-19 08:37:54

+0

看到我的編輯!... – 2010-07-19 08:41:43

+0

@Andreas;我知道手冊中的問題。以上日期可能是動態的。 $ today和$ datesolderthantoday設置爲動態。但我不是很熟悉js。我的問題是,如何動態設置這個日期。 – TheNone 2010-07-19 08:57:06

5

對於簡單的解決方法,請參閱:this site。 快速&容易:)

$(function() { 
     var date = new Date(); 
     var currentMonth = date.getMonth(); 
     var currentDate = date.getDate(); 
     var currentYear = date.getFullYear(); 

     $('#YourDatepicker').datepicker({ 
      maxDate: new Date(currentYear, currentMonth, currentDate) 
     }); 
    }); 
2

對於比upiic的更簡單的方法:

function() { 
    $('#DatePickerControlName').datepicker({maxDate: 0}); 
}); 

NB。 0意味着從現在開始的零日。