JQuery JavaScript Tutorial





  jQuery UI Datepicker - Format date
  
  
  
  
  
  
  $(function() {
    $("#datepicker").datepicker();
    $("#format").change(function() { $('#datepicker').datepicker('option', {dateFormat: $(this).val()}); });
  });
  



Date: 


Format options:
  
    Default - mm/dd/yy
    ISO 8601 - yy-mm-dd
    Short - d M, yy
    Medium - d MM, yy
    Full - DD, d MM, yy
    With text - 'day' d 'of' MM 'in the year' yy
  




Display date feedback in a variety of ways.  Choose a date format from the dropdown, then click on the input and select a date to see it in that format.