明确而有用的时间格式

Question

I can produce a locally-formatted time for visitors:

var expires = XXXX
$('#expires').text(new Date(expires).toLocaleTimeString())

For example, this produces 12:05:46 PM. However this is ambiguous for the visitor. That is because we have all-too-often become accustomed to websites that improperly calculate timezones.

It would be much better to produce: 12:05:46 PM EDT for me and god-knows-what for other people. Is this possible?

Answer 1

To get the abbreviation in the output, pass timeZoneName: 'short' as one of the options. This will work in modern browsers that support the ECMAScript Internationalization API (ECMA-402).

 var s = new Date().toLocaleTimeString(undefined, { timeZoneName: 'short' }); console.log(s); 

In the above, passing undefined for the locale tells the browser to use the users's current locale. If you wanted a specific locale, such as en-US , pass that instead.

You can read about all of the options for toLocaleTimeString in the MDN docs on the subject .