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.

kartechify

kartikparmar

<p>This is a light weight plugin which allows your customer to convert the time from one timezone to another timezone.</p>
<p>Basically, this plugin add a Timezone Conversion widget, which shows the date & time, from timezone and to timezone selection field on the front end of website.</p>
<p>Visitor can select date and time, from and to timezone from the dropdown and submission of it will show the converted date & time.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/w2uMU1xFZdA?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>Some of our other free plugins</h3>
<ol>
<li>
<p><strong><a href="https://wordpress.org/plugins/bulk-woocommerce-category-creator/" title="Bulk WooCommerce Category Creator" rel="ugc">Bulk WooCommerce Category Creator</a></strong></p>
</li>
<li>
<p><strong><a href="https://wordpress.org/plugins/change-wc-price-title/" title="Change WooCommerce Price Title" rel="ugc">Change WooCommerce Price Title</a></strong></p>
</li>
<li>
<p><strong><a href="https://wordpress.org/plugins/wpgt-google-translate/" title="WordPress Google Translate" rel="ugc">WordPress Google Translate</a></strong></p>
</li>
<li>
<p><strong><a href="https://wordpress.org/plugins/create-category-in-bulk/" title="Create Category in Bulk" rel="ugc">Create Category in Bulk</a></strong></p>
</li>
</ol>
<h3>Some of our Pro plugins</h3>
<ol>
<li>
<p><strong><a href="https://kartechify.com/product/sort-woocommerce-products-in-cart-and-order/" title="Sort WooCommerce Products in Cart and Order" rel="nofollow ugc">Sort WooCommerce Products in Cart and Order</a></strong></p>
</li>
<li>
<p><strong><a href="https://kartechify.com/product/minimum-and-maximum-quantity-for-woocommerce/" title="Minimum and Maximum Quantity for WooCommerce" rel="nofollow ugc">Minimum and Maximum Quantity for WooCommerce</a></strong></p>
</li>
<li>
<p><strong><a href="https://kartechify.com/product/extra-product-price-for-woocommerce/" title="Extra Product Price for WooCommerce" rel="nofollow ugc">Extra Product Price for WooCommerce</a></strong></p>
</li>
<li>
<p><strong><a href="https://kartechify.com/product/import-media-from-ftp/" title="Import Media From FTP" rel="nofollow ugc">Import Media From FTP</a></strong></p>
</li>
</ol>


Timezone Conversion Widget

A simple light weight plugin to Convert the time from one timezone to other timezone.

WP User Timezone vs Timezone Conversion Widget