如何使用jQuery Datepicker显示选定日期的附加信息

Question

我使用jQuery的Datepicker的文本框如下。我已经限制了用户可以选择的天数，但我的问题是，如果有一种方法可以在每个选定的日期的文本框中出现一个特殊的文本。

例如，如果用户选择日期1，则显示Monday, 19 September 2011如何将其设置为Monday, 19 September 2011并为这里的星期一指定一个特殊的名称?

同样适用于所有可用的选择日期，如星期二，2011年9月20日和星期二的特殊名称?

Thank you for this

    <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/