jQuery UI: Date Picker

Date Picker

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/mint-choc/jquery-ui.css">
<div id="datepicker1"></div>
<input id="datepicker2" type="text">

CSS

/*
    Add custom styling or use existing jQuery UI themes

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

JavaScript

$( "#datepicker1" ).datepicker();
$( "#datepicker2" ).datepicker();

alert('Div as Container ("getDate"): \n' + $("#datepicker1").datepicker("getDate"));

alert('Input as Container ("getDate"): \n' + $("#datepicker2").datepicker("getDate"));