jQuery Datepicker：限制日期選擇基於星期幾

Question

是否有可能使修改jQuery UI Datepicker只允許用戶選擇，例如，星期一？

Answer 1

是，與此類似：

$("#datepicker").datepicker({ beforeShowDay: $.datepicker.noWeekends }); 

你會寫到位$ .datepicker.noWeekends做任何你想要的東西特別的功能。

我知道

http://docs.jquery.com/UI/Datepicker/noWeekends

Answer 2

最簡單的方法：

$("#datepicker").datepicker({ 
    beforeShowDay: function(date) { 
     var day = date.getDay(); 
     return [(day > 0 && day < 6), '']; 
    } 
}); 

Answer 3

在這裏你去：週一不可選：

$(document).ready(function(){ 
    $('input').datepicker({beforeShowDay: function(date){ 
     return [date.getDay() != 1, '']; 
    }}); 
}); 

運作例如，你可以在這裏玩：http://jsfiddle.net/RaYZ5/19/。

API文檔：http://docs.jquery.com/UI/Datepicker#event-beforeShowDay

Answer 4

曾任職是完全正確的。但更具體的問候只顯示星期一：

$('#date').datepicker({ beforeShowDay: function (a){a=a.getDay();return[a==1,""]} }); 

Answer 5

如果你想有一個非常靈活解決方案並停用你想要進行的跨給定的時間段，你可以做以下的任意日期：

$ dt_str將會是你想禁用的日期。例如，您可以使用PHP構造它，並從數據庫中檢索日期。

當DOM被加載時，disableDates（）被調用併發生奇蹟。

var avDays = <?php echo $dt_str ?>; 

<script type='text/javascript'> 

$(document).ready(
    function(){ 
     // Datepicker 
     $('.datepicker_event').datepicker(
     { 
      inline: true, 
      numberOfMonths: 2, 
      beforeShowDay: disableDates 
     }); 
    } 
) 

function disableDates(date) { 

    var isAvailable = false ; 

    // Find the days to deactivate 
    if (avDays != null) { 
     for (i = 0; i < avDays.length; i++) { 
      if (date.getMonth() == avDays[i][0] - 1 && date.getDate() == avDays[i][1] && date.getFullYear() == avDays[i][2]) { 
      isAvailable = true; 
      } 
     } 
    } 

    if (isAvailable) return [true, 'av_day'] ; 
    else return [false, '']; 
} 

</script>