title: JSON Date format - display time only
body: <p>I have an application using Bootstrap tables and one of the fields is Time. When I get the data from the database, it is encoded in JSON format ad the data for this field is something like 2016-11-07T13:40:29.000Z which I understand is the standard JSON format.</p>
  
  <p>I'd like to break it apart and have one column in my table display the date and another column display the time, ideally. But I would be happy if I could just get the Time column to display only time. </p>
  
  <p>I've read that is has something to do with adding a dataFormatter to the column header, but I can't seem to make it work, as my javascript returns NaN.</p>
  
  <p>This is the code I found while researching the problem. I'm new to Javascript, so there is probably a few mistakes here that I would appreciate some help with.</p>
  
  <pre><code>&lt;table id="table"  data-url ="http://maccdx161012:4567/api/v1/sat" data-toggle="table"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
  
             &lt;th data-field="initials"&gt;Initials&lt;/th&gt;
              &lt;th data-field="sector"&gt;Sector&lt;/th&gt;
              &lt;th data-field="cjs"&gt;CJS&lt;/th&gt;
              &lt;th data-field="satin" data-formatter="timeFormatter"&gt;In&lt;/th&gt; 
              &lt;th data-field="satout"&gt;Out&lt;/th&gt; 
              &lt;th data-field="duration"&gt;Duration&lt;/th&gt; 
              &lt;th data-field="position"&gt;Position&lt;/th&gt;
              &lt;th data-field="ot"&gt;OT&lt;/th&gt;             
          &lt;/tr&gt;
      &lt;/thead&gt;
   &lt;/table&gt;
  &lt;script&gt;
      function timeFormatter(value) {
          var date = new Date(value*1000);
          var hours = date.getHours();
          var minutes = "0" + date.getMinutes();
  
          return hours + ':' + minutes.substr(-2);
      }
  &lt;/script&gt;
  </code></pre>