jQuery datepicker - 突出显示多个选定日期?

时间:2012-04-20 23:36:18

标签: jquery

我正在使用来自http://keith-wood.name/datepick.html的jQuery日期选择器,它看起来很棒,但我无法弄清楚如何在日历上显示所选的特定日期?

例如,如何显示已选择的以下日期?

2012年5月3日,20112年6月20日,2012年10月8日等。

提前感谢您的反馈。

$(function() {
$('#getSetMultiPicker').datepick({
            multiSelect: 100,
    monthsToShow: 4, 
    monthsToStep: 4,
    prevText: 'Prev months', 
    nextText: 'Next months',
    showTrigger: '#calImg'

});

});

1 个答案:

答案 0 :(得分:0)

查看api,它提供defaultDate属性。

您可以尝试将其设置为数组,也许是日期数组:

$(function() {
    $('#getSetMultiPicker').datepick({
        defaultDate: { '5/3/2012', '6/20/11', '10/8/12' }, 
        multiSelect: 100,
        monthsToShow: 4, 
        monthsToStep: 4,
        prevText: 'Prev months', 
        nextText: 'Next months',
        showTrigger: '#calImg'      
    });
});

看起来有一个接受数组的setter:

var dates = { '5/3/2012', '6/20/11', '10/8/12' };

$('#getSetMultiPicker').datepick('setDate', dates);