显示一周中的特定日期 UI 日期选择器

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/