Ravi Kiran Katha

<p>WordPress has a site-level timezone setting configured from the admin back-end. All dates and times displayed on the front-end are typically displayed in this timezone.</p>
<p>This plugin enables the display of dates/times in the front-end using the browser’s timezone. This is done by overriding the WordPress’s <strong>‘timezone_string’</strong> and <strong>‘gmt_offset’</strong> options to match the user’s timezone <strong>for the duration of a particular request</strong><br />
<strong>ONLY on the front-end interface</strong>.</p>
<h4>Browser Timezone Detection</h4>
<p>The browser’s timezone is detected using one of the following two methods</p>
<ol>
<li><a href="http://pellepim.bitbucket.org/jstz/" rel="nofollow ugc">jsTimezoneDetect</a> (default)</li>
<li><a href="http://caniuse.com/geolocation" rel="nofollow ugc">HTML5 Geolocation API</a> and <a href="https://developers.google.com/maps/documentation/timezone" rel="nofollow ugc">Google Timezone API</a></li>
</ol>
<p><strong>jsTimezoneDetect (default)</strong><br />
    This is the default timezone detection mechanism. Please refer to the script <a href="http://pellepim.bitbucket.org/jstz/" rel="nofollow ugc">home page</a><br />
for the compatibility and other notes</p>
<p><strong>HTML5 Geolocation API</strong><br />
    Detects the current geo-location using <em><a href="http://caniuse.com/geolocation" rel="nofollow ugc">navigator.geolocation.getCurrentPosition</a></em>. The location thus detected will be sent to the <a href="https://developers.google.com/maps/documentation/timezone" rel="nofollow ugc">Google Timezone API</a><br />
which returns the timezone id – similar to “Asia/Kolkata”.</p>
<p>This method requires you to</p>
<ul>
<li>Enable the “Google Timezone API” option on the plugin options page</li>
<li>Specify a valid <a href="https://developers.google.com/maps/documentation/timezone/get-api-key" rel="nofollow ugc">Google API Key</a>
<ul>
<li>The key should be a browser key</li>
<li>The “Accepted HTTP Referrers” should include the domain name used by the hosting wordpress site or left blank to allow all referrers</li>
</ul>
</li>
</ul>
<p>If the required options for the usage of Google Timezone API are not met, the detection mechanism falls back to the default one.</p>
<h4>Post Timezone Detection</h4>
<ul>
<li>If the browser’s timezone id is not detected successfully, everything else behaves as if this plugin is not installed.</li>
<li>If the browser’s timezone id is detected, the following actions take place
<ul>
<li>A cookie will be set in the browser, based on the cookie options specified on the plugin options page</li>
<li>If a cookie already exists previously with the same id, no action is taken</li>
<li>If a cookie doesn’t already exist previously or exists with a different timezone id, then a <em>window.reload</em> is triggered to refresh the page so that the dates/times on the page are updated</li>
</ul>
</li>
</ul>
<h4>EventON Hook</h4>
<p>This plugin provides a feature to hook into the EventON plugin. When enabled, all EventON dates/times are updated to reflect the browser’s timezone.</p>
<h4>Shortcodes</h4>
<p>This plugin defines the below shortcodes</p>
<ol>
<li>[wp_user_timezone_id] => Returns the timezone id of the browser or <em>null</em> if not available.</li>
<li>[wp_user_timezone_offset] => Returns the timezone’s gmt offset in hours of the browser or <em>null</em> if not available.</li>
</ol>
<h4>Options</h4>
<p>This plugin defines the below options to retrieve the original timezone_string and gmt_offset defined at the site level</p>
<ol>
<li>get_option( ‘site_timezone_string’ ) => Returns the original timezone_string option for the site</li>
<li>get_option( ‘site_gmt_offset’ ) => Returns the original gmt_offset option for the site</li>
</ol>
<h4>Actions/Hooks</h4>
<p>This plugin defines the below filters/hooks</p>
<ol>
<li>apply_filters( ‘wp_user_timezone_id’, $tz_id ) => Allows you to override the timezone string determined by the plugin. This filter can be used to apply user’s timezone preference. If any plugin or wordpress core implements a feature to accept and store user’s preferred timezone, the ‘wp_user_timezone_id’ can be used to apply that timezone value to the front-end. Reference: <a href="https://core.trac.wordpress.org/ticket/18146" rel="nofollow ugc">Add user-level timezone setting</a>).</li>
</ol>
<h4>Admin Backend Dates/Times</h4>
<p><strong>Important: The admin back-end is not modified by this plugin. All dates/times displayed in the back-end are still in the original timezone specified by the WordPress General Settings.</strong></p>


WP User Timezone

Magnificent

WP User Timezone displays the front-end dates & times in the browser's local timezone without actually modifying your database.

Amin Raoufi

<p><strong>Admin Toolbar Live Clock</strong> keeps the current <em>site</em> time always in view while you work.</p>
<blockquote>
<p>Perfect for distributed editorial teams, agencies running sites in different time-zones, or any admin who regularly checks cron jobs, comment timestamps or scheduled posts.</p>
</blockquote>
<h3>Who benefits?</h3>
<ul>
<li>Editors coordinating global content releases  </li>
<li>Support agents logging activity against server time  </li>
<li>Developers verifying scheduled tasks (Cron / Action Scheduler)  </li>
<li>Multisite super-admins overseeing sites across regions  </li>
</ul>
<h3>Feature highlights</h3>
<ul>
<li><strong>Live ticking</strong> – updates every second; no page reloads, no Ajax polling  </li>
<li><strong>Calendars</strong> – Gregorian, Persian (Jalali), Islamic (Hijri), Hebrew, Buddhist (Thai) and Japanese  </li>
<li><strong>Languages bundled</strong> –  English (en_US), فارسی (fa_IR), العربية (ar_SA), Español (es_ES), Français (fr_FR), עברית (he_IL), हिन्दी (hi_IN), 日本語 (ja_JP), ไทย (th_TH) (+ fully translatable via PO/MO files)</li>
<li><strong>Time formats</strong> – 12-hour or 24-hour  </li>
<li><strong>Per-user timezone</strong> – keep the site setting or pick any IANA timezone  </li>
<li><strong>Colour-picker</strong> – separate, native WP colour-picker fields for clock & date  </li>
<li><strong>Admin-only & WPCS</strong> – assets load only in wp-admin for users with <em>manage_options</em>; codebase follows WordPress-Coding-Standards  </li>
<li><strong>Clean uninstall</strong> – removes all options on <strong>Delete</strong> via <code>uninstall.php</code>  </li>
</ul>
<p>Find the settings page at <strong>Dashboard <span aria-hidden="true" class="wp-exclude-emoji">→</span> Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Toolbar Clock</strong>.</p>


Admin Toolbar Live Clock

Real-time clock for the admin toolbar with multi-calendar, per-user timezone and colour controls.

WP User Timezone vs Admin Toolbar Live Clock