顯示本週特定日期UI datepicker

Question

我想禁用某些日子，如每個星期一或每週二或每週一，週四週五，等等在jQuery UI日期選擇器上。

我試了很多沒有結果的代碼。任何人都可以幫助我！

我當前的代碼如下：

<script type="text/javascript"> 
$(function() { 

    var $hiddenInput = $('#travelDate'); 
    $('#datepicker').datepicker({dateFormat: 'yy-mm-dd'}); 

    $("#datepicker").datepicker("option", "minDate", 2); 

    $('#datepicker').datepicker({ 
     inline: true 
    }); 

    // this code not working for my example 
    $("#datepicker").datepicker({ 
     beforeShowDay: function(date) { 
      var day = date.getDay(); 
      return [(day != 1 && day != 2), '']; 
     } 
    }); 

    $(document).on("change", "#datepicker", function() { 
     $hiddenInput.val($(this).val()); 
    }) 

}); 
</script> 

Answer 1

你初始化日期選擇器不止一次。這是造成問題的原因。整合您的選項到一個選項對象，一切工作正常：

$("#datepicker").datepicker({ 
    inline: true, 
    minDate: 2, 
    dateFormat: 'yy-mm-dd', 
    beforeShowDay: function (date) { 
     var day = date.getDay(); 
     return [(day != 1 && day != 2), '']; 
    } 
}); 

例子：http://jsfiddle.net/WP29E/54/