title: jQuery Mobile Datepicker configuration
body: <p>I'm working on a mobile version of my web application, but I have some trouble with configuring a datepicker in jQ mobile. I know it's an experimental feature (I suppose it might be a bit buggy?), but I figured configuring it shouldn't really be a problem.</p>
  
  <p>However, I can't seem to get it working. I looked at the jQ UI documentation to come up with the following configuration for my datepicker:</p>
  
  <pre><code>    $(document).ready(function(){
           $("#mo_date").datepicker({ 
                                      showAnim: 'fadeIn', 
                                      dateFormat: 'dd-mm-yy',
                                      dayNamesShort: ['Zon', 'Maa', 'Din', 'Woe', 'Don', 'Vrij', 'Zat'],
                                      dayNamesMin:  ['Zon', 'Maa', 'Din', 'Woe', 'Don', 'Vrij', 'Zat'],
                                      dayNames: ['Zondag', 'Maandag', 'Dinsdag', 'Woensdag', 'Donderdag', 'Vrijdag', 'Zaterdag'],
                                      monthNames: ['Januari','Februari','Maart','April','Mei','Juni','Juli','Augustus','September','Oktober','November','December'],
                                      monthNamesShort: ['Jan','Feb','Maa','Apr','Mei','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
                                      minDate: 0,
                                      // altField outputs date in mySQL date format yy-m-d. datum hieruit halen, ipv .datepicker('getDate');
                                  //  altField: '.output_date',
                                  //  altFormat: 'yy-m-d'
                                  });
      });
  </code></pre>
  
  <p>My HTML is as follows:</p>
  
  <pre><code>&lt;form action="mobile/go" method="post"&gt; 
          &lt;div data-role="fieldcontain"&gt;
              &lt;label for="mo_event_type" class="select"&gt;Kies type taak&lt;/label&gt;
              &lt;select name="mo_event_type" id="mo_event_type" data-native-menu="false"&gt;
                  &lt;option data-placeholder="true"&gt;Taaktype&lt;/option&gt;
                  &lt;option value="huiswerk"&gt;Huiswerk&lt;/option&gt;
                  &lt;option value="deadline"&gt;Deadline&lt;/option&gt;
                  &lt;option value="vrijetijd"&gt;Vrije tijd&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
          &lt;div data-role="fieldcontain"&gt;
              &lt;label for="mo_title"&gt;Titel&lt;/label&gt;
              &lt;input type="text" name="mo_title" value="" id="mo_title" data-theme="b"/&gt;
          &lt;/div&gt;
          &lt;div data-role="fieldcontain"&gt;
              &lt;label for="mo_descr"&gt;Beschrijving&lt;/label&gt;
              &lt;textarea cols="20" rows="8" name="mo_descr" id="mo_descr" data-theme="b"&gt;&lt;/textarea&gt;
          &lt;/div&gt;
          &lt;div date-role="fieldcontain"&gt;
              &lt;label for="mo_date"&gt;Datum&lt;/label&gt;
              &lt;input type="date" name="mo_date" id="mo_date" value="" /&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  </code></pre>
  
  <p>Am I missing something crucial here or am I just doing it plain wrong? Some insight would be appreciated. I know the configuration is fine since I'm using the same for my non-mobile application. Just can't get it to work with the mobile one :(</p>
  
  <p>Thanks a lot.</p>