在jquery datepicker中显示特定日期

时间:2015-02-06 17:09:20

标签: jquery datepicker

我有一个数组,其中包含我应该从数据库中突出显示的日期名称。不在数组中的日期不需要由用户选择。我这样做了。不幸的是它没有工作

var day_array = ['Sun','Tue','Thu'] //these days should only be selected by user
$("#collection_date").datepicker(
        {
         minDate:new Date($("#startdate").val()),
         maxDate:new Date($("#enddate").val()),
         beforeShowDay:function(date){
             var day = date.getDay(),Sun=0,Mon=1,Tue=2,Wed=3,Thu=4,Fri=5,Sat=6;
             console.log(day);
             for(var i=0;i<day_array.length;i++)
             {
                 if ($.inArray(day, day_array) == -1)
                {
                    return [false];
                }
             }
             return [true];
         }
        }
    );

我需要制作一个日期选择器,用户只能在周日,周二和周四选择。

编辑:当我将最终的return语句设为false时,没有任何一天被突出显示

1 个答案:

答案 0 :(得分:1)

我会创建一个日期名称数组以匹配您的数组,并按照以下方式执行:

var day_array = ['Sun', 'Tue', 'Thu'] //these days should only be selected by user
var week = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
$("#collection_date").datepicker({
    beforeShowDay: function (date) {
        var day = date.getDay();
        if ($.inArray(week[day], day_array) == -1) {
            return [false];
        } else {
            return [true]
        }
    }
});

<强> jsFiddle example