Как показать дополнительную информацию о выбранном дне, используя jQuery Datepicker?

Question

Я использую DatePicker jQuery для текстового поля, как показано ниже. Я ограничил дни, которые пользователь может выбирать, но у меня вопрос, есть ли способ, чтобы в текстовом поле появлялся специальный текст вместе с каждой выбранной датой.

Например, если пользователь выбирает день номер 1, то там отображается Понедельник, 19 сентября 2011 года Как сделать это Понедельник, 19 сентября 2011 года и специальное название для понедельника здесь?

То же самое относится ко всем доступным для выбора дням, таким как вторник, 20 сентября 2011 г. и специальное название для вторника здесь?

Спасибо за это

    <script>
$(document).ready(function() {

var date = new Date();
var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();

$('#datepicker').datepicker({
        minDate: new Date(y, m, d),
        dateFormat: 'DD, d MM yy',
        beforeShowDay: function(date){ 
        var day = date.getDay(); 
        return [day == 1 || day == 4 || day == 5,""];
        }
});

$( "#datepicker" ).datepicker( $.datepicker.regional[ "el" ] );

});
    </script>

Answer 1

Альтернативой является использование опции dayNamesShort, если вы не собираетесь использовать значения по умолчанию.Таким образом, вы можете просто настроить его в вашем dateFormat:

var myWeekdays = "Sunny Manic Terrible Wild Thorny Freaky Sadistic".split(' ');

$('#datepicker').datepicker({
    ...
    dateFormat: 'DD, d MM yy (D)',
    dayNamesShort: myWeekdays
});

Смотрите это в действии: http://jsfiddle.net/william/Xm6Dm/2/.

Answer 2

Добавить этот массив:

var weekday=new Array(7);
weekday[0]="Sunny Sunday";
weekday[1]="Manic Monday";
weekday[2]="Terrible Tuesday";
weekday[3]="Wild Wednesday";
weekday[4]="Thorny Thursday";
weekday[5]="Freaky Friday";
weekday[6]="Sadistic Saturday";

Затем добавьте этот метод:

    onSelect: function(dateText, inst) {
        var day = new Date(dateText).getDay();
        $(this).val(dateText + ': ' + weekday[day]);
    },

Демо: http://jsfiddle.net/AlienWebguy/Xm6Dm/