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
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ahaa! Endlich habe ich die Lösung gefunden zu Rendern Ereignisse auf dayClick. Es ist etwas genannt clientEvents Objekt, das es ermöglicht uns zu Holen, die Ereignisse innerhalb einer vollen Kalender Aktionen (sagen dayClick, eventClick etc) verwendet, dass ich fucntion, um meinen Veranstaltungen, hier ist meine Arbeit demo...
und die dayClick-code, die ich war eifrig auf der Suche ist unten
InformationsquelleAutor Sudarshan Kalebere
Den event klicken ist, was Sie suchen.
Sehen aktualisiert codepen
Dies ist, wie eine Schleife, in der alle Produkte-name:
Und legen Sie die Eigenschaften innerhalb der Platte, die Sie tun so etwas wie dieses:
Ein weiteres aktualisiert codepen
Klicken Sie auf Mai, 23
können Sie alle Termine anklickbar? auch das Datum mit Ereignissen ist nicht anklickbar, ich meine nur Veranstaltungen Teil ist anklickbar, ich brauche ganze date-Teil anklickbar. ist es möglich?
Sie können erhalten, die mit der dayClick Funktion.
wenn ich das Datum dann anklickbar ist, zeigt auch Ereignisse? Ich brauche, um zu markieren, welcher Zeitpunkt Benutzer auf, also in full-Kalender-Ereignisse und Tag Klicks aufgeteilt sind, können Sie geben eine Idee zu machen, die Grenze für das gewählte Datum und zeigen, ob, event. vielen Dank für die Hilfe.
Innerhalb der dayClick Funktion können Sie die Verwendung der "this" Schlüsselwort, um die Arbeit an der angeklickten Zelle im DOM
InformationsquelleAutor Enrico
InformationsquelleAutor Radha vedak