JQuery DatePicker UI - только выходные

Видите, есть несколько постов для этого, но они связаны, но, похоже, они не работают.

var noWeekend = jQuery.datepicker.noWeekends(date);

в настоящее время мой код делает это и делает выходные активными, но я бы хотел сделать наоборот и сделать активными только выходные

Есть идеи как?

2 ответа

Решение
$("#txtDate").datepicker({ beforeShowDay: onlyWeekends});

function onlyWeekends(date) {
    var noWeekend = $.datepicker.noWeekends(date);
    if (noWeekend[0]) {
        return [false, ''];
    } else {
        return [true, ''];
    }
}

Из документации: ( http://api.jqueryui.com/datepicker/)

*beforeShowDay*

A function that takes a date as a parameter and must return an array with:

[0]: true/false indicating whether or not this date is selectable 
[1]: a CSS class name to add to the date's cell or "" for the default presentation 
[2]: an optional popup tooltip for this date

Так что вы можете вернуться так:

    if (noWeekend[0]) {
        return [false, 'hilite', 'oops, this is a weekday!'];
    } else {
        return [true, 'normal', 'ok to select'];
    }

Этот урок, кажется, делает именно то, что вы описали.

Другие вопросы по тегам