Question

我正在使用jQuery的日历插件，我正在使用“选择多个日期”演示http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerMultiple.html

我使用的启动器演示代码如下：

<script type="text/javascript" charset="utf-8">
$(function()
{
    $('.date-pick')
        .datePicker(
            {
                createButton:false,
                displayClose:true,
                closeOnSelect:false,
                selectMultiple:true
            }
        )
        .bind(
            'click',
            function()
            {
                $(this).dpDisplay();
                this.blur();
                return false;
            }
        )
        .bind(
            'dateSelected',
            function(e, selectedDate, $td, state)
            {
                console.log('You ' + (state ? '' : 'un') // wrap
                    + 'selected ' + selectedDate);

            }
        )
        .bind(
            'dpClosed',
            function(e, selectedDates)
            {
                console.log('You closed the date picker and the ' // wrap
                    + 'currently selected dates are:');
                console.log(selectedDates);
            }
        );
});
</script>

这很好用，我希望能够以某种方式预先选择日期，我从数据库中获取日期，并且我希望能够在我点击链接打开日历时将其显示为已选中。

如果有任何人有这方面的经验，我会喜欢一些帮助...我根本不是一个jQuery坚果，所以很难搞清楚这一点。

干杯，

Answer 1

您可以调用dpSetSelected方法来设置所需的日期，一次一个

无论您使用什么代码从数据库中获取日期列表，都要对它们进行循环

var arrDates = ['01/01/2010', '01/05/2010', '01/10/2010'];
var dp = $('.date-picker');
for(var i = 0; i < arrDates.length; i++){
    dp.dpSetSelected(arrDates[i]);
}

jQuery - 日历插件，多选的预选日期

1 个答案: