1096730 - Human readable rendering of ISO 8601 date format when used with @date-time

Status: UNCONFIRMED

(Core :: General, defect)

Description

[John Foliot]

User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.2125.111 Safari/537.36

Steps to reproduce:

Related to Bug Bug 1095927 

Authored HTML content with the <time> element and @date-time, where value of @date-time is ISO 8601 time notation. Example:
   <time date-time="2014-11-10">11/10/2014</time> (note the US formatting of date as mm/dd/yyyy)


Actual results:

Nothing. 


Expected results:

This is as much as a feature request as it is a bug, in that currently nothing is done with the @date-time data. This idea is based upon discussions around Bug 1095927, including feedback from A. Surkov (Mozilla) and J. Teh (NVDA). This is but one suggestion on how this could be handled:

Suggested features:

* admin setting, where user gets to choose how to "translate" the iso 8601 date information associated to @datetime:

      I want my dates shown like this:
            [_] mm/dd/yyyy  (10/03/2014)
            [_] dd/mm/yyyy  (03/10/2014)
            [x] Month dd, yyyy  (October 03, 2014)
            [_] yyyy/mm/dd  (2014/10/03)
(this should be straight pattern matching and alternate output)

      I want my time shown as:
            [x] 12 hour clock (a.m. / p.m.) {{1}}
            [_] 24 hour clock
            [_] show author timezone
            [x] adjust for my timezone: [_-8_]  
Perhaps with <input type="text" name="offset"> or maybe a <select>, but that gets tricky as some locales are offset by 30 minutes - e.g. Newfoundland Canada. 

{{1}} this will also require a small bit of logic: if hh< then writeout a.m., if hh>13 then writeout p.m.



* once implemented, it adds tab focus to <time> element when @datetime is present. onFocus or onMouseover presents a "tooltip" (needs to be exposed to SRs too) that renders the date and time in the chosen formatting. For example this:

<p>Your next meeting is tomorrow at <time datetime="2014-11-09T16:00-05:00">4pm</time></p> 
(this is Eastern standard time)

…would produce a tooltip that showed (for me): "November 9th, 1:00 p.m. Pacific"  (adjusted time offset: 4 p.m. Eastern is 1:00 p.m. Pacific)