<html>
<head>
<title>jQuery UI Example Page</title>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.11.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>
<script type="text/javascript">
$(function(){
//click Datepicker
$('#date1').datepicker();
$('#formatdate1').datepicker( {
dateFormat:"yy-mm-dd",
});
$('#icondate1').datepicker( {
dateFormat:"yy-mm-dd",
showOn: "button",
buttonImage: "images/calendar.png",
buttonImageOnly: true
});
});
</script>
</head>
<body>
<h1>jQuery UI Date Picker</h1>
<form>
default datepicker: <input id="date1" name="date" value="03/22/2011" size=20> <br/>
custom format datepicker: <input id="formatdate1" name="formatdate1" value="2010-03-22" size=20> <br/>
Icon trigger datepicker: <input id="icondate1" name="icondate" value="2010-03-22" size=20> <br/>
</form>
</body>
</html>
