Webflow timezone conversion

webflowtimezoneconverter.js

<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/global/luxon.min.js"></script>

<script>
  
const defaultTimezone = 'Asia/Taipei'; // Change this to your site time zone https://university.webflow.com/lesson/time-zone

const local = luxon.DateTime.local();
const localZoneName = local.zoneName;

$(function() {
  $('.timezone-convert').each(function(index) {
    const date = $(this).text();
    const defaultDateTime = date.replace(' ', 'T') + ' ' + defaultTimezone;
    const defaultDateTimeObject = luxon.DateTime.fromFormat(defaultDateTime, "yyyy-MM-dd'T'H:mm z", { setZone: true })
  
    const localdateTimeObject = defaultDateTimeObject.setZone(localZoneName);
    const localString = localdateTimeObject.toLocaleString(luxon.DateTime.DATETIME_FULL);

    if (!localdateTimeObject.invalid) {
      $(this).text(date + " (" + localString + ")");
    }
  });
});
</script>