So zeigen Sie Ereignisdetails an klicken Sie der Tag in vollen Kalender

Hallo an alle ich habe Veranstaltungen array, klicken Sie auf auf der Tag ich will zeigen, Ereignis-details in einem anderen panel. Ich habe Arrays mit dem array-in-array-format, bin ich nicht immer, wie machen das auch alle details der Veranstaltung einschließlich der sub-array-details auf, die angeklickten Tag. Bitte beachten Sie wenn Sie kann mir dabei helfen oder kann etwas vorschlagen. Hier ist mein code unten.

$(window).load(function() {
    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        editable: true,
        eventRender: function(event, element, view) {
            for (var i = 0; i <= event.products.length - 1; i++) {
                element.append('<span>' + event.products[i].name + '<span>');
            };
        },
        events: [{
            title: 'EventName',
            start: '2016-05-02',
            products: [{
                name: 'ProductName'
            }]
        }, {
            title: 'Event',
            start: '2016-05-03',
            products: [{
                name: 'ProductName1'
            }, {
                name: 'ProductName2'
            }, {
                name: 'ProductName3'
            },]
        }, {
            title: 'EventName',
            start: '2016-05-13',
            products: [{
                name: 'ProductName1'
            }, {
                name: 'ProductName2'
            }]
        }, {
            title: 'Event',
            start: '2016-05-15',
            products: [{
                name: 'ProductName'
            }]
        }, {
            title: 'EventNAme',
            start: '2016-05-21',
            products: [{
                name: 'ProductName1'
            }, {
                name: 'ProductName2'
            }]
        }, {
            title: 'Event',
            start: '2016-05-23',
            products: [{
                name: 'ProductName1'
            }, {
                name: 'ProductName2'
            }]
        }, {
            title: 'Eventname',
            start: '2016-05-25',
            products: [{
                name: 'ProductName'
            }]
        }, {
            title: 'Event',
            start: '2016-05-29',
            products: [{
                name: 'ProductName'
            }]
        }],
        dayClick: function(date, allDay, jsEvent, view) {
            console.log('date' + date.format('DD/MMM/YYYY') + "allDay" + allDay.title + "jsEvent" + jsEvent + "view" + view)
        }
    });
})

Wenn Sie sehen, dass ich Ereignisse array und jedes Ereignis hat Produkte array, also immer wenn ich auf das Datum möchte ich zeigen den Titel, als auch die Produkt-details wie z.B. gleiche name des Produktes. Hier ist, was ich bisher versucht habe, mit Kalender.

So , wenn ich klicken Sie auf einen Tag, dass hat die Veranstaltung möchte ich zeigen, ich nicht wollen, um zu zeigen, klicken Sie auf Ereignisse, ich muss den ganzen Tag anklickbar jetzt nach unten beantworten, es zeigt nur beim klicken-Ereignis.

Veranstaltung Titel product_name

Der code ist zu lang, so dass ich erstellt haben, code-Stift bitte beachten Sie wenn Sie dieses Bearbeiten können, vielen Dank im Voraus
DEMOTRIAL

InformationsquelleAutor Sudarshan Kalebere | 2016-05-13

Schreibe einen Kommentar