Show Post Times in the Visitor's Own Timezone
Converts post dates and times on the page into each visitor's local timezone and language format in the browser, so an event posted for 18:00 London reads 19:00 in Paris.
Opens WPIDE on
Code
add_action( 'wp_footer', function () {
?>
<script>
(function () {
if (!window.Intl || !Intl.DateTimeFormat) { return; }
var lang = document.documentElement.lang || undefined;
document.querySelectorAll('time[datetime]').forEach(function (el) {
var value = el.getAttribute('datetime');
if (el.classList.contains('wpide-no-localize') || !/T\d{2}:\d{2}/.test(value)) { return; }
var date = new Date(value);
if (isNaN(date.getTime())) { return; }
el.title = el.textContent.trim();
el.textContent = new Intl.DateTimeFormat(lang, { dateStyle: 'medium', timeStyle: 'short' }).format(date);
});
})();
</script>
<?php
}, 50 );Notes
Works on any <time datetime="..."> element with a full date and time; elements without a time are left as they are. Add the class wpide-no-localize to skip one.
How to add this snippet
- Install WPIDE on your WordPress site (it is free) and open Code Snippets.
- Use snippet above adds it from the library in one click. Or copy the code into a new snippet with the same code type.
- It is added inactive: review the code and settings, then switch it on.