Page History

<script>
const replaceDates = () => {
  let upcomingEventsSection = document.getElementById("scroll-section-1");
  let upcomingEventsCards = Array.from(upcomingEventsSection.getElementsByClassName("eventcard"));

  for (let i = 0; i < upcomingEventsCards.length; i++) {
    let card = upcomingEventsCards[i];
    let UTCdate = card.dataset.startdate;
    console.log("Start Date:", UTCdate);

    let localDateStr = new Date(UTCdate).toLocaleString('en-US');
    console.log("localDateStr:", localDateStr);
    let localDate = new Date(localDateStr);
    console.log("localDate:", localDate);

    formatDate2(localDate).then(datetimeStr => {
      console.log("datetimeStr:", datetimeStr);
      datetimeStr = datetimeStr.split(" on ");
      let timeStr = datetimeStr[0];
      let dateStr = datetimeStr[1];

      card.getElementsByClassName("formattedDatetime")[0].innerText = timeStr;
      card.getElementsByClassName("formattedDate")[0].innerText = dateStr;
    });
  };
}


const replaceDates2 = () => {
  let myEventsSection = document.getElementById("scroll-section-0");
  let upcomingEventsSection = document.getElementById("scroll-section-1");
  let pastEventsSection = document.getElementById("scroll-section-3");
  let allEventsSection = document.getElementById("all-events");

  let allSections = [
    myEventsSection, upcomingEventsSection, pastEventsSection, allEventsSection
  ];

  for (let i = 0; i < allSections.length; i++) {
    let currSection = allSections[i];
    let currSectionCards = Array.from(currSection.getElementsByClassName("eventcard"));

    for (let j = 0; j < currSectionCards.length; j++) {
      let card = currSectionCards[j];
      let UTCdate = card.dataset.startdate;

      if (!UTCdate) {
        break;
      }

      console.log("Start Date:", UTCdate);
      let localDateStr = new Date(UTCdate).toLocaleString('en-US');
      console.log("localDateStr:", localDateStr);
      let localDate = new Date(localDateStr);
      console.log("localDate:", localDate);
  
      formatDate2(localDate).then(datetimeStr => {
        console.log("datetimeStr:", datetimeStr);
        datetimeStr = datetimeStr.split(" on ");
        let timeStr = datetimeStr[0];
        let dateStr = datetimeStr[1];
  
        card.getElementsByClassName("formattedDatetime")[0].innerText = timeStr;
        card.getElementsByClassName("formattedDate")[0].innerText = dateStr;
      });
    };
  }
}

window.addEventListener('load', () => {
	replaceDates();
});
</script>