title: jQuery datepicker language (Localization) How to change between languages
body: <p>I'm trying to set the location to my jQuery UI calender, but it doesn't work.</p>
  <p>Those are my links:</p>
  <p><strong>Header View File:</strong> header1.php</p>
  <pre><code>&lt;head&gt;  
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
  
  &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;&lt;?php echo base_url(&quot;assets/testelib/jquery-ui.min.css&quot;); ?&gt;&quot;&gt;
  
  &lt;script type=&quot;text/javascript&quot; src=&quot;&lt;?php echo base_url(&quot;assets/lib/jquery-3.3.1.min.js&quot;); ?&gt;&quot;&gt;&lt;/script&gt;
  
  &lt;script type=&quot;text/javascript&quot; src=&quot;&lt;?php echo base_url(&quot;assets/lib/datepicker/jquery-ui.min.js&quot;); ?&gt;&quot;&gt;&lt;/script&gt;
  
  &lt;script type=&quot;text/javascript&quot; src=&quot;&lt;?php echo base_url(&quot;assets/lib/datepicker/jquery-ui.js&quot;); ?&gt;&quot;&gt;&lt;/script&gt;
  </code></pre>
  <p><strong>Those are the example files used in the jQuery online example that I did download and I'm trying to generate the result.</strong>
  <a href="https://jqueryui.com/datepicker/" rel="nofollow noreferrer">https://jqueryui.com/datepicker/</a></p>
  <pre><code>&lt;script type=&quot;text/javascript&quot; src=&quot;&lt;?php echo base_url(&quot;assets/lib/datepicker/jquery-1.12.4.js&quot;); ?&gt;&quot;&gt;&lt;/script&gt;
  
  &lt;script type=&quot;text/javascript&quot; src=&quot;&lt;?php echo base_url(&quot;assets/lib/datepicker/jquery-ui-1.12.1.js&quot;); ?&gt;&quot;&gt;&lt;/script&gt;
  </code></pre>
  <p><strong>Languages downloaded now right from:</strong>
  <em><a href="https://github.com/jquery/jquery-ui/tree/master/ui/i18n" rel="nofollow noreferrer">https://github.com/jquery/jquery-ui/tree/master/ui/i18n</a></em></p>
  <pre><code>&lt;script type=&quot;text/javascript&quot; src=&quot;&lt;?php echo base_url(&quot;assets/lib/datepicker/i18n/datepicker-de.js&quot;); ?&gt;&quot;&gt;&lt;/script&gt;
  
  &lt;script type=&quot;text/javascript&quot; src=&quot;&lt;?php echo base_url(&quot;assets/lib/datepicker/i18n/datepicker-fr.js&quot;); ?&gt;&quot;&gt;&lt;/script&gt;
  
  &lt;script type=&quot;text/javascript&quot; src=&quot;&lt;?php echo base_url(&quot;assets/lib/datepicker/i18n/datepicker-pt-BR.js&quot;); ?&gt;&quot;&gt;&lt;/script&gt;
  &lt;head&gt;
  </code></pre>
  <p><strong>and the VIEW file:</strong> register1.php</p>
  <pre><code>&lt;body&gt;
  
  &lt;script&gt;
  $(function() {
      $(&quot;#datepicker&quot;).datepicker($.datepicker.regional[&quot;de&quot;]);       
      // Event onChange
      $(&quot;#locale&quot;).on(&quot;change&quot;, function() {
      $(&quot;#datepicker&quot;).datepicker(&quot;option&quot;, $.datepicker.regional[$(this).val()]);
  });
  });
  &lt;/script&gt;
  
  &lt;p&gt;Date: &lt;input type=&quot;text&quot; id=&quot;datepicker&quot;&gt;&amp;nbsp;
   &lt;select id=&quot;locale&quot;&gt;
  &lt;option value=&quot;de&quot; selected=&quot;selected&quot;&gt;Deutsch (German)&lt;/option&gt;                
  &lt;option value=&quot;&quot;&gt;English&lt;/option&gt;
  &lt;option value=&quot;fr&quot;&gt;French (Fran&amp;ccedil;ais)&lt;/option&gt;
  &lt;option value=&quot;pt-BR&quot;&gt;Portugues BR&lt;/option&gt;
  &lt;/select&gt;&lt;/p&gt;
  
  &lt;body/&gt;
  </code></pre>
  <p>What am I doing wrong please? The calendar shows only the date and etc with the default language (English).</p>