JQuery datepicker预定义日期

时间:2016-01-31 16:21:02

标签: javascript jquery

我有一个JQuery日期选择器,我想突出显示预先定义日期的几个日期。我在google搜索时看到了几个答案,但没有成功

我的代码:

var availableDates = ["30-1-2016", "15-1-2016", "16-1-2016"];

$('#Datepicker').datepicker({
  beforeShowDay: availableDates 
});

但它没有显示'可用日期'(实际上我想突出jquery日历中的可用日期)

1 个答案:

答案 0 :(得分:4)

请使用以下JS

var datesToBeHighlighted=['1/1/2016','1/5/2016'];

$('.datepicker').datepicker({
         inline: true,
         beforeShowDay: function (date) {
            var theday = (date.getMonth()+1) +'/'+ date.getDate()+ '/' + date.getFullYear();
            return [true,$.inArray(theday, datesToBeHighlighted) >=0?"hightlight":''];
                        }
});

JsFiddle:https://jsfiddle.net/Lokcre03/