(Squarespace) Translate Date, Month in Event Detail Page

To translate Date, Month in Event Detail Page.

and here.

#1. Use this code to Code Injection > Footer
If code doesn’t work, you can comment below, message or email me.

<script>
  const monthsCA = {
  'January': 'Gener',
  'February': 'Febrer',
  'March': 'Març',
  'April': 'Abril', 
  'May': 'Maig',
  'June': 'Juny',
  'July': 'Juliol',
  'August': 'Agost',
  'September': 'Setembre',
  'October': 'Octubre',
  'November': 'Novembre',
  'December': 'Desembre'
};
const daysCA = {
  'Monday': 'Dilluns',
  'Tuesday': 'Dimarts', 
  'Wednesday': 'Dimecres',
  'Thursday': 'Dijous',
  'Friday': 'Divendres',
  'Saturday': 'Dissabte',
  'Sunday': 'Diumenge'
};
function translateDates() {
  const eventDate = document.querySelector('.event-date');
  if (eventDate) {
    let dateText = eventDate.textContent;
    Object.keys(daysCA).forEach(day => {
      dateText = dateText.replace(day, daysCA[day]);
    });
    Object.keys(monthsCA).forEach(month => {
      dateText = dateText.replace(month, monthsCA[month]);
    });
    eventDate.textContent = dateText;
  }
  const paginationDates = document.querySelectorAll('.events-item-pagination-date');
  paginationDates.forEach(date => {
    let dateText = date.textContent;
    Object.keys(monthsCA).forEach(month => {
      dateText = dateText.replace(month, monthsCA[month]);
    });
    date.textContent = dateText;
  });
}
translateDates();
</script>

#2. Result

image

#3. Remember to change text.