Question

我正在使用jQuery的Datepicker作为文本框，如下所示。我限制了允许用户选择的日期，但我的问题是，是否有办法在文本框中显示特殊文本以及每个选定的日期。

例如，如果用户选择第1天，则会显示 2011年9月19日星期一如何使其 2011年9月19日星期一以及周一的特殊名称吗

同样适用于所有可选日期，例如 2011年9月20日星期二以及星期二的特殊名称？

谢谢你

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

如何使用jQuery Datepicker在选定日期显示其他信息？

2 个答案: