Bring back <time>

Author: foolip

jquery.microdata.js

@@ -153,6 +153,10 @@
       return resolve(elm, 'data');
     case 'DATA':
       return this.attr('value') || '';
+    case 'TIME':
+      var datetime = elm.getAttribute('datetime');
+      if (datetime != null)
+        return datetime;
     default:
       return this.text();
     }

live/example/schemaorg-book

@@ -19,7 +19,7 @@ by <a itemprop="author" href="/author/jd_salinger.html">J.D. Salinger</a>
 Product details
 <span itemprop="numPages">224</span> pages
 Publisher: <span itemprop="publisher">Little, Brown, and Company</span> -
- <data itemprop="datePublished" value="1991-05-01">May 1, 1991</data>
+ <time itemprop="publishDate" datetime="1991-05-01">May 1, 1991</time>
 Language: <span itemprop="inLanguage">English</span>
 ISBN-10: <span itemprop="isbn">0316769487</span>
 
@@ -29,7 +29,7 @@ Reviews:
   <span itemprop="reviewRating">5</span> stars -
   <b>"<span itemprop="name">A masterpiece of literature</span>" </b>
   by <span itemprop="author">John Doe</span>,
-  Written on <data itemprop="datePublished" value="2006-05-04">May 4, 2006</data>
+  Written on <time itemprop="publishDate" datetime="2006-05-04">May 4, 2006</time>
   <span itemprop="reviewBody">I really enjoyed this book. It captures the essential
   challenge people face as they try make sense of their lives and grow to adulthood.</span>
 </div>
@@ -38,7 +38,7 @@ Reviews:
   <span itemprop="reviewRating">4</span> stars -
   <b>"<span itemprop="name">A good read.</span>" </b>
   by <span itemprop="author">Bob Smith</span>,
-  Written on <data itemprop="datePublished" value="2006-06-15">June 15, 2006</data>
+  Written on <time itemprop="publishDate" datetime="2006-06-15">June 15, 2006</time>
   <span itemprop="reviewBody">Catcher in the Rye is a fun book. It's a good book to read.</span>
 </div>
 

live/example/schemaorg-product

@@ -22,7 +22,7 @@
   <div itemprop="reviews" itemscope itemtype="http://schema.org/Review">
     <span itemprop="name">Not a happy camper</span> -
     by <span itemprop="author">Ellie</span>,
-    <data itemprop="datePublished" value="2011-04-01">April 1, 2011</data>
+    <time itemprop="publishDate" datetime="2011-04-01">April 1, 2011</time>
     <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
       <meta itemprop="worstRating" content="1">
       <span itemprop="ratingValue">1</span>/
@@ -34,7 +34,7 @@
   <div itemprop="reviews" itemscope itemtype="http://schema.org/Review">
     <span itemprop="name">Value purchase</span> -
     by <span itemprop="author">Lucas</span>,
-    <data itemprop="datePublished" value="2011-03-25">March 25, 2011</data>
+    <time itemprop="publishDate" datetime="2011-03-25">March 25, 2011</time>
     <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
       <meta itemprop="worstRating" content="1">
       <span itemprop="ratingValue">4</span>/

live/example/vevent-bluesday

@@ -2,8 +2,8 @@
  ...
  <h1 itemprop="summary">Bluesday Tuesday: Money Road</h1>
  ...
- <data itemprop="dtstart" value="2009-05-05T19:00:00Z">May 5th @ 7pm</data>
- (until <data itemprop="dtend" value="2009-05-05T21:00:00Z">9pm</data>)
+ <time itemprop="dtstart" datetime="2009-05-05T19:00:00Z">May 5th @ 7pm</time>
+ (until <time itemprop="dtend" datetime="2009-05-05T21:00:00Z">9pm</time>)
  ...
  <a href="http://livebrum.co.uk/2009/05/05/bluesday-tuesday-money-road"
     rel="bookmark" itemprop="url">Link to this page</a>

live/live.js

@@ -11,7 +11,7 @@ function update(iframe, html) {
   $.each(['section', 'article', 'aside', 'data', 'hgroup', 'header', 'footer',
           'nav', 'figure', 'figcaption', 'video', 'audio', 'mark', 'progress',
           'meter', 'ruby', 'rt', 'rp', 'bdi', 'canvas', 'details', 'datalist',
-          'output'],
+          'output', 'time'],
          function(i, tagName) { doc.createElement(tagName); });
   // shrink iframe to max(150, height) (replace with <iframe seamless>?)
   $(iframe.contentWindow).load(function() {

test/jquery.microdata.unit.js

@@ -176,6 +176,12 @@ test('data', function() {
   testStringReflection($('<data itemprop></data>'), 'value', 'itemValue', 'foo');
 });
 
+test('time', function() {
+  equal($('<time></time>').itemValue(), undefined);
+  equal($('<time itemprop>now</time>').itemValue(), 'now');
+  equal($('<time itemprop datetime="1984-09-03">then</time>').itemValue(), '1984-09-03');
+});
+
 module('jQuery.microdata.json');
 
 test('JSON extraction', function() {