IE’s toLocaleString has strange characters in results

by

First, a bit of background: IE11 implemented the ECMA-402 ECMAScript Internationalization API that redefined Date.prototype.toLocaleString (as well as toLocaleDateString and toLocaleTimeString) as calls to format on Intl.DateTimeFormat. As such, d.toLocaleString() is equivalent to

Intl.DateTimeFormat(undefined, {
  year: 'numeric',
  month: 'numeric',
  day: 'numeric',
  hour: 'numeric',
  minute: 'numeric',
  second: 'numeric'
}).format(d)

You might think that this is pretty explicit but browsers are allowed a large amount of leeway with what formats they support and what characters compose the format. This is by design – with all the locales and languages around the planet, specifying this would be quite burdensome and very difficult to keep up-to-date. For this reason you cannot expect to be able to compare the results of toLocaleString across browsers or even expect the same browser to continue giving the same result from release to release. As the underlying locale data changes (perhaps because local custom has changed, or more data is available, or better formats are added), so too will the format that is returned from this API.

The takeaway from this is that you should try not to rely on comparing the output of the toLocaleString APIs with some static value in your application. Further, given a date d, Date.parse(d.toLocaleString()) may work sometimes but not others depending on locale, so it’s best to avoid this as well.

With that said, en-US is relatively stable and for the most part browsers do (for now) agree on what that basic format is. However, IE inserts bidirectional control characters around the date. This is by design so the output text will flow properly when concatenated with other text. This is especially important when mixing LTR and RTL content such as concatenating a formatted RTL date with LTR text.

More Related Contents:

  1. install flash player automatically with javascript [closed]
  2. Why doesn’t this arrow function work in IE 11?
  3. Do HTML5 custom data attributes “work” in IE 6?
  4. ‘onload’ handler for ‘script’ tag in internet explorer
  5. How can I prevent the backspace key from navigating back?
  6. How to start automatic download of a file in Internet Explorer?
  7. Access denied to jQuery script on IE
  8. window.print() not working in IE
  9. How to getting browser current locale preference using javascript?
  10. Jquery: change event to input file on IE
  11. Javascript IE detection, why not use simple conditional comments? [duplicate]
  12. Save base64 string as PDF at client side with JavaScript
  13. Syntax error in IE using ES6 arrow functions
  14. How to automatically allow blocked content in IE?
  15. Detect fullscreen mode
  16. setAttribute and video.src for changing video tag source not working in IE9
  17. Why IE 11 display blank page rendering react app
  18. “pointer-events: none” does not work in IE9 and IE10
  19. Cross-browser (IE8-) getComputedStyle with Javascript?
  20. Changing the type in IE with JavaScript
  21. Problem with jQuery.ajax with ‘delete’ method in ie
  22. img onload doesn’t work well in IE7
  23. How to disable elements selection and resizing in contenteditable div?
  24. Enabling Save button on JQ Grid with InlineEditing and CellEdit
  25. control the working directory for ?
  26. JavaScript: How to simulate change event in internet explorer (delegation)
  27. Can’t dynamically add rows to a in IE?
  28. Testing for console.log statements in IE [duplicate]
  29. Emulate/polyfill history.pushstate() in IE
  30. OnChange not firing in IE

Leave a Comment