<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker</title>
<link href="jquery-ui_themes_smoothness.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script type="text/javascript">
$(document).ready(function() {
$( "#datepicker" ).datepicker({ minDate: -20, maxDate: "1Y+1M+7D",
changeMonth: true, changeYear: true,
numberOfMonths:2,
dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
dateFormat:"dd/mm/yy",
showAnim:"drop" });//fold, slide, blind, bounce, slideDown, show, fadeIn, clip.
});
</script>
</head>
<body>
Date: <input type="text" id="datepicker" />
</body>
</html>