From jQuery JavaScript Library
« Back to the jQuery UI Docs
UI Datepicker v3.4 Documentation
Very comprehensive documentation from the creators:
[1]
Documentation for legacy versions: v3.3, v3.2, history
Plugin methods:Example:| Name | Type |
|---|
A simple jQuery UI Datepicker. Just add a text input field to your page and then attach the datepicker to it.
$('#example').datepicker();
$('#exampleRange').datepicker({rangeSelect: true, firstDay: 1});
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$('#example').datepicker();
$('#exampleRange').datepicker({rangeSelect: true, firstDay: 1});
});
</script>
</head>
<body>
<link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/flora/flora.datepicker.css" type="text/css" media="screen" title="Flora (Default)">
<script src="http://dev.jquery.com/view/trunk/ui/datepicker/core/ui.datepicker.js"></script>
<input type="text" id="example" value="Click inside me to see a datepicker" style="width:300px;"/>
<input type="text" id="exampleRange" value="Range datepicker starting on Monday." style="width:300px;"/>
</body>
</html>
Utilities:Localization:Theming:Changelog:Authors: