title: datepicker specified value does not conform to the required format jquery.js
body: <p>So yesterday I asked a question about setting the date for a calendar. I was missing some references so have since added them. Please see the HTML section below.</p>
  
  <p>I believe my code to be correct for how to set the date for a calendar. However upon loading the page I get these errors,</p>
  
  <blockquote>
    <p>Uncaught SyntaxError: Unexpected token datepicker.css:11 </p>
    
    <p>The specified value "09/01/2018" does not conform to the required format, "yyyy-MM-dd". 
    jquery.js:8254 </p>
  </blockquote>
  
  <p>Not sure why this is not working and where the date "09/01/2018" is coming from at all?</p>
  
  <p>I also think in my  the datepicker.css should be like below. </p>
  
  <blockquote>
    <p>link href="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.css" rel="stylesheet" type="text/css" /></p>
  </blockquote>
  
  <p>When I do this the Uncaught SyntaxError message disappears but still have the other issue.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {
    $("#dtSelectorStatic").datepicker();
    $("#dtSelectorStatic").datepicker("setDate", new Date(2018, 8, 1));
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" /&gt;
  &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.css" /&gt;
  
  &lt;input id="dtSelectorStatic" /&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>Update</strong></p>
  
  <p>Below are all the references I have in my page. One thing (might be nothing) but when I type "script src=" the intelli sense picks on my folder scripts and list 3 files (image below, jQES is the file I created) but it does not list the other two files also in that folder, jquery-ui.js or jquery-ui.min.js</p>
  
  <p><a href="https://i.stack.imgur.com/c5ztD.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/c5ztD.jpg" alt="script folder in visual studio"></a></p>
  
  <pre><code> &lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      google.charts.load('current', { 'packages': ['corechart', 'table'] });
  &lt;/script&gt;
  &lt;script src="/scripts/external/jquery/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/jQES.js"&gt;&lt;/script&gt; 
  &lt;link href="CSS/MyCSSFile.css" rel="stylesheet" type="text/css"/&gt;
  &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" /&gt;
  </code></pre>
  
  <p><strong>update 2</strong></p>
  
  <p>This is how it looks on load up.</p>
  
  <p><a href="https://i.stack.imgur.com/tolER.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/tolER.jpg" alt="on load up"></a></p>
  
  <p>If I click in the area where the blue arrow is pointing to the calendar below is shown.</p>
  
  <p><a href="https://i.stack.imgur.com/FypZ7.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/FypZ7.jpg" alt="click in the area where the blue arrow is pointing to"></a></p>
  
  <p>If I click on the big black arrow I get both calendars</p>
  
  <p><a href="https://i.stack.imgur.com/3fKoZ.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/3fKoZ.jpg" alt="big arrow"></a></p>
  
  <p>I have another calendar box which is exactly the same. Which only shows the calendar shown below no matter what I do. The only difference is that on load up I do not try to set the date as I do in the calendar above.</p>
  
  <pre><code>   &lt;input id="someId" type="date"/&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/RMFVV.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/RMFVV.jpg" alt="normal calendar"></a></p>