Click here to Skip to main content
15,744,193 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
<!doctype html>
<meta charset="utf-8">
<title>jQuery UI Datepicker</title>
<link href="jquery-ui_themes_smoothness.css" rel="stylesheet" type="text/css" />
<script src=""></script>
<script src=""></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,
dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
showAnim:"drop" });//fold, slide, blind, bounce, slideDown, show, fadeIn, clip.



Date: <input type="text" id="datepicker" />



This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900