[codesyntax lang=”html4strict”]

<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script type="text/javascript">
$(document).ready(function () {
$("#datepicker").datepicker();
});
</script>
<title>JQuery Datepicker example</title>
</head>
<body>

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

</body>
</html>

[/codesyntax]

See how the JQuery Datepicker looks below, the example uses code from the google CDN so is quick to load for your visitors no matter where they are in the world.