« Back to the jQuery UI Docs

This version has been superseded and renamed to UI Datepicker.

An easy-to-use date picker.

NameType
Example:
A simple jQuery UI Calendar.

$('#example').calendar();


<!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').calendar();
  });
  </script>
  
</head>
<body>
  <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">
<script  src="http://dev.jquery.com/view/trunk/plugins/calendar/jquery-calendar.js"></script>
<input type="text" id="example" value="Click inside me to see a calendar" style="width:300px;"/>
</body>
</html>

NameType
Documentation:



























NameType
calendar( options )Returns: jQuery
The method that you use to create a new calendar.
dialogCalendar( dateText, onSelect, settings, pos )Returns: void
Open a calendar in a "dialog" box.
disableFor( target )Returns: void
Disable an input field and its attached calendar.
enableFor( target )Returns: void
Enable an input field and its attached calendar.
getDateFor( control )Returns: Date
Retrieve the current date from the calendar attached to an input field.
reconfigureFor( control, settings )Returns: void
Change the settings for a previously attached calendar.
setDateFor( control, date )Returns: void
Set the current date for the calendar attached to an input field.
setDefaults( settings )Returns: void
Change the default settings for all calendars.
showFor( target )Returns: void
Call up a previously attached calendar.
Demos:

NameType
Localization:

NameType
Theming:

NameType
ChangeLog:

NameType