Seitenvergleich

...

Oft werden für Events im Veranstaltungskalender auf der Detailseite das Start- und Enddatum angezeigt. Leider gilt dies auch für eintägigen Events. Dieser Javascript Code entfernt das Enddatum bei Events die nur an einem Tag stattfinden, damit der Text übersichtlicher wird.

...

Gehen Sie wie folgt vor:

1.  Aktivieren Sie jQuery. jQuery können Sie

...

1. unter Administration > Layout > Template Manager > Bibliotheken aktivieren. Wir empfehlen die neuste Version zu benutzen.

...

Gehen Sie wie folgt vor:

1.  Aktivieren Sie jQuery

2. Fügen Sie das Script direkt auf der Seite mit einem <script type="text/javascript">...</script> oder einer .js Datei ein

3. Das Trennzeichen var delimiter = "-"; muss auf das Zeichen geändert werden, mit welchem das Datum auseinander gehalten wird.

4. Passen Sie den Selektor var selector = "#calendar .row1 td" an. Weiter Infos zu dem Selektor: jQuery Selector.

5. Nun sollte das Resultat wie bei diesem Beispiel funktionieren.

var delimiter = "-";
var selector = "#calendar .row1 td"


var reg = new RegExp(/(0[1-9]|[12][0-9]|3[01])[- /.](0[1-9]|1[012])[- /.](19|20)\d\d/);
var date = jQuery(selector).filter(function() {
	return reg.test(jQuery(this).text());
})

var dateTextArr = date.text().split(delimiter);
dateTextArr.forEach(function(el, index) {
	dateTextArr[index] = dateTextArr[index].trim();
});

if (dateTextArr[0] == dateTextArr[1]) {
	dateTextArr.splice(1, 1);
	var newDateText = dateTextArr.join(' ' + delimiter + ' ');
	date.text(newDateText)
}

...