Question

我正在使用jQuery datepicker作为内联日历，用于过滤页面上的数据。我使用jQuery选择器重新编写日期链接作为真正的超链接，而不是它所做的普通post事件。

因此，如果我在页面http://mysite.com/mypage上，则超链接将为http://mysite.com/mypage/2011-1-1，http://mysite.com/mypage/2011-1-2等。

所以我有一个日期选择器

$(function () {
    $('.calendar').datepicker({
        showOtherMonths: false
    });
    configureCalendarLinks();
});

还有一些修改链接的代码：

    configureCalendarLinks = function (calendarId) {
        calendarId = calendarId || '';

        var calendarIdSelector = calendarId != '' ? '#' + calendarId + ' ' : '';
        var rootUrl = getShowRootUrl(location.href);

        $(calendarIdSelector + 'a.ui-state-default').attr('href',
            function () {
                var url = rootUrl + .getFullDate($(this).text(), calendarId));
                return url;
            });
    };

getFullDate = function (date, calendarId) {
    calendarId = calendarId || '';
    var dDate;
    if (calendarId == '')
        dDate = new Date(getDatePickerCalendarYear(), getDatePickerCalendarMonth(), date);
    else
        var dDate = new Date(getDatePickerCalendarYear(calendarId), getDatePickerCalendarMonth(calendarId), date);

    return date;
};

getDatePickerCalendarYear = function (calendarId) {
    calendarId = calendarId || '';
    var calendarIdSelector = calendarId != '' ? '#' + calendarId + ' ' : '';
    var calendarYear = $(calendarIdSelector + '.ui-datepicker-year').eq(0).text();
    return calendarYear;
};

.getDatePickerCalendarMonth = function (calendarId) {
    calendarId = calendarId || '';
    var calendarIdSelector = calendarId != '' ? '#' + calendarId + ' ' : '';
    var monthNumber = getMonthNumber($(calendarIdSelector + '.ui-datepicker-month').eq(0).text());
    return monthNumber;
};

getMonthNumber = function (monthName) {
    var monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
    var index = $.inArray(monthName, monthNames);
    return index;
};

一切正常，直到我改变月份。使用datePicker更改月份时，如何让代码再次运行？我尝试使用onChangeCalendar和onBeforeShow，但是在日历更改之前触发，这会导致日期为空。

理想情况下，我想在onAfterShow（）方法中重新运行configureCalendarLinks，但是没有这样的东西。有没有办法做到这一点？

由于

如果有一种简单，更好的方式来完成我想要做的事情。。。那也没关系。

Answer 1

这可能就是你要找的东西？

onChangeMonthYear

http://jqueryui.com/demos/datepicker/#event-onChangeMonthYear

如何在月份更改后实施自定义功能？

1 个答案: