d3 time formatting example

Created by: Zan Armstrong This little tool helps you try out d3.time.format specifiers. Documentation for time format specifiers is here.

<!doctype html>

<title>Formatting Example</title>
  <link rel="stylesheet" href="d3formatting.css">

</head>
<body>
  <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
  This little tool helps you try out d3.time.format specifiers.<br>
  Documentation for time format specifiers is <a href="https://github.com/mbostock/d3/wiki/Time-Formatting">here</a>.
  <br><br>
  Enter a date (year, month, day, hour, minutes, seconds):<br>
  <input id="userTime" type="string"><br><br>
  Add your own format specifier (ex: %a):<br>
  <input id="formatSpecifier" type="string"><br><br>

Date formatted below: new Date(<span id="rawDate" class="highlightedText"></span>), or <span id="dateEntered" class="highlightedText"></span><br>
	<table style="padding-top: 20px;"><thead>
  	<tr>
    	<th class="formattext">format specifier</th>
    	<th class="formatresult">resulting formatted number</th>
  	</tr>
  	</thead>
  	<tbody>
    </tbody>
    </table>
  <script src="showFormatsConstructor.js"></script>
  <script src="formatting.js"></script>
</body>
</html>

https://d3js.org/d3.v3.min.js