Добавить ссылку в даты DatePicker

Question

Добавить ссылку в даты DatePicker

0

У меня есть календарь событий и вам нужно добавить ссылку на события, я использую пользовательский интерфейс jQuery для выбора даты.

Кто-нибудь знает способ получить индекс дня?

Мой код:

$.ajax({
            url: "includes/ajax/datepicker_events.php",
            data: "action=showdates",
            dataType: "json",
            success: function(calendarEvents){
                $("#datepicker").datepicker({
                    numberOfMonths: [1, 1],
                    showCurrentAtPos: 0,
                    beforeShowDay: function (date){
                        for (i = 0; i < calendarEvents.length; i++) {
                            if (date.getMonth() == calendarEvents[i][0] - 1
                              && date.getDate() == calendarEvents[i][1]
                              && date.getFullYear() == calendarEvents[i][2]) {

                              return [false,"ui-state-active",calendarEvents[i][3]];
                              }
                        }
                        return [true, ""];
                    }
                });
            }
        });

Patrick Oliveira Cabral 21 окт. 2013, в 18:35

Источник

Теги:

jquery

datepicker

jquery-ui

indexing

1 ответ

Ещё вопросы

Danny · Accepted Answer · 2013-10-21T14-30-00.000Z

Я бы использовал onSelect, чтобы открыть новую ссылку, когда эти даты будут выбраны.

JSFiddle

var calendarEvents = [[10,22,2013],[10,24,2013]];
var calendarHref = ["https://stackoverflow.com","https://google.com"];

$("#datepicker1").datepicker({
    numberOfMonths: [1, 1],
    showCurrentAtPos: 0,
    beforeShowDay: function (date) {
        for (i = 0; i < calendarEvents.length; i++) {
            if (date.getMonth() == calendarEvents[i][0] - 1 && date.getDate() == calendarEvents[i][1] && date.getFullYear() == calendarEvents[i][2]) {

                return [true, "ui-state-active", calendarEvents[i][3]];
            }
        }
        return [true, ""];
    },
    onSelect: function(dateText, inst) {
        for (i = 0; i < calendarEvents.length; i++) {
            if (inst.selectedMonth == calendarEvents[i][0] - 1 && inst.selectedDay == (""+ calendarEvents[i][1]) && inst.selectedYear == calendarEvents[i][2]) {
                window.open(
                  calendarHref[i],
                  '_blank'
                );
            }
        }
    }
});