2012-10-29 81 views
0

以下代碼旨在限制在datepicker中選擇今天的日期。限制在jQuery中選擇幾個日期DatePicker

jQuery(function() { 

     var dateModifier = { 
      beforeShowDay: function (dd) { 
       var today = new Date(); 
       if (dd.getDate() === today.getDate()) { 
        return false; 
       } 
       else { 
        return true; 
       } 
      } 
     }; 

     jQuery("#txt1").datepicker(dateModifier); 

    }); 

爲此我有明確地傳遞dateModifier對象,包含beforeShowDay事件。我在jQuery doc上讀到這個事件是在日曆中顯示的所有日期被解僱的。當我們返回false時,dd日期將被禁用。

但是,此代碼會禁用所有日期。我錯過了什麼。

HTML:

<input id="txt1" type="text" name="name" value=" " /> 
+0

Cander <->壓延機,那是什麼???你應該編輯你的問題,這將有助於未來搜索jquery的人CALENDAR –

回答

3
var disabledDays = ["9-21-2010", "9-24-2010", "9-27-2010", "9-28-2010", "9-3-2010", "9-17-2010", "9-2-2010", "9-3-2010", "9-4-2010", "9-5-2010"]; 
function disableAllTheseDays(date) { 
    var m = date.getMonth(), d = date.getDate(), y = date.getFullYear(); 
    for (i = 0; i < disabledDays.length; i++) { 
     if($.inArray((m+1) + '-' + d + '-' + y,disabledDays) != -1) { 
      return [false]; 
     } 
    } 
    return [true]; 
} 

var dateModifier = { 
     beforeShowDay: disableAllTheseDays 
    }; 

    jQuery("#txt1").datepicker(dateModifier); 

檢查here一些更多的

+0

謝謝,國際海事組織比較日期創建'日期數組'日期將比比較字符串,比如'$ .inArray((m + 1)+' - '+ d +' - '+ y,disabledDays)!= -1'。你說什麼 ? – Abhijeet

相關問題