Wie zeige ich das Datum bei eintägigen Events nur einmal an?


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 unter Administration > Layout > Template Manager > Bibliotheken. Wir empfehlen die neuste Version zu benutzen.

  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) }

 

© 2024 Cloudrexx AG | Schweizer Cloud CMS | Datenschutzerklärung