title: Date input and toLocaleDateString using different locales
body: <p>I reside in Canada, where we format our dates dd/mm/yyyy. I'm seeing something unusual when I'm calling <code>toLocaleDateString()</code></p>
  <p>HTML:</p>
  <pre><code>&lt;input type=&quot;date&quot; value=&quot;2016-01-13&quot;&gt;
  &lt;p id=&quot;container&quot;&gt;
  &lt;/p&gt;
  </code></pre>
  <p>JS:</p>
  <pre><code>var d = new Date(&quot;2016-01-13&quot;);
  document.getElementById('container').innerText = d.toLocaleDateString();
  </code></pre>
  <p>The value of the date input is what I would expect - <code>2016-01-13</code>.</p>
  <p>The value of the paragraph is the American format - <code>12-01-2016</code> (the change in day is due to localizing from GMT to EST)</p>
  <p>Chrome language is set to Canadian, as is my system setting (Windows 7). The date input seems to be respecting that, but I thought <code>toLocaleDateString()</code> would pick up Canada as my locale and format the date appropriately.</p>
  <p>MSDN describes this function like this:</p>
  <blockquote>
  <p>dateObj.toLocaleDateString( [locales][, options])</p>
  <p>locales (Optional). An array of locale strings that contain one or more language or locale tags. If you include more than one locale string, list them in descending order of priority so that the first entry is the preferred locale. If you omit this parameter, the default locale of the JavaScript runtime is used.</p>
  </blockquote>
  <p>Is the JavaScript runtime default locale something the user can change? I'm guessing not given my lack of success.</p>
  <p>The different formatting between the date input and <code>toLocaleDateString</code> is quite baffling to me, any thoughts on how I can align the two?</p>
  <p><a href="http://jsfiddle.net/DfkU5/283/" rel="nofollow noreferrer">http://jsfiddle.net/DfkU5/283/</a></p>