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:
Aktivieren Sie jQuery. jQuery können Sie unter Administration > Layout > Template Manager > Bibliotheken aktivieren. Wir empfehlen die neuste Version zu benutzen.
Fügen Sie das Script direkt auf der Seite mit einem
<script type="text/javascript">...</script>
oder einer .js Datei einDas Trennzeichen
var delimiter = "-";
muss auf das Zeichen geändert werden, mit welchem das Datum auseinander gehalten wird.Passen Sie den Selektor
var selector = "#calendar .row1 td"
an. Weiter Infos zu dem Selektor: jQuery Selector.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) }