jQuery UI: Date Picker

Date Picker

by dirtyd77

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/mint-choc/jquery-ui.css">
<p>dd-mm-yy format</p>
<p>Date: <input id="datepicker" type="text" /></p>

CSS

/*
    Add custom styling or use existing jQuery UI themes

    REFERENCE: jQuery UI themes, http://blog.jqueryui.com/
*/

JavaScript

$( "#datepicker" ).datepicker({ dateFormat: 'dd-mm-y' }).mask('99/99/9999');