jQuery UI Datepicker - 月份更改的默认日期

时间:2011-08-25 20:19:43

标签: jquery-ui jquery-ui-datepicker

我需要jQuery UI Datepicker的特定行为:
点击“上个月/下个月”,必须在上个月/下个月自动设置当月的当天 例如:默认日期设置为8/25/2011,点击“下个月”(或在下拉列表中选择9月)后,必须自动选择9/25/2011(但不填充输入,并且日期选择器本身不得消失,因此用户可以更改此默认日期。)

感谢您的建议。

1 个答案:

答案 0 :(得分:1)

您可以使用beforeShowDay事件。

var defaultDay = 15;
$('#datepicker').datepicker({
    beforeShowDay: function(date) {
        if (date.getDate() == defaultDay)
            return [1, 'ui-state-highlight ui-state-active'];  // can replace with a customised class
        return [1, ''];
    },
    defaultDate: '07/' + defaultDay + '/2011'
});

您可以自己分配自定义课程,并根据自己的内容设计风格。

示例:http://jsfiddle.net/william/nNmg2/

注意:如果defaultDay为1到9,则可能需要处理两位数的填充。