- Jquery ui plug-in auto-completion of key components is (autocomplete).
- Autocomplete events which (change, close, focus, open, response, search, select)
- Autocomplete attribute what (source, delay, minLength, disabled, position)
- Autocomplete (source) attribute is used to define the data source, corresponding to the format of the attribute value (array).
- Autocomplete attribute is used to set the delay (delay) occurs, the default value is (300) milliseconds.
- Autocomplete minLength property used to set (length), the default value is prompted (1).
- Automatic completion plugin (required) first introduced jquery source file
- Keywords Jquery-ui component is the date (datepicker).
- Date of the component (changeMonth) properties, can be controlled month drop-down box is available.
- Date of the component (changeYear) properties, can be controlled year drop down box is available.
- Date of the component (yearSuffix) properties, may be provided suffix year display contents.
- Display Style value (the monthNames) date of the component attribute may be provided month immutable.
- (MonthNamesShort) date of the component attribute, display style value may be set variable month.
- showMonthAfterYear date attribute component is used to control the display year month later, the default value (false)
- If component dateFormat date attribute value "yy-mm-dd", August 2017 the style for 20 shows (2017-08-20).
- How to get the current system time (new Date ()) in the js.
- For a full year in the js method (getFullYear ()).
- The method of obtaining the month in js is (getMonth () + 1).
- Method to get the date in js is (getDate ()).
Autocomplete: autocomplete
jQuery There are a lot has been achieved, a very nice plug, autocomplete is one of them. jQuery ui autocomplete main support string Array, JSON two data formats.
The main parameters / properties:
the Source: data source type String, Array, Function, wherein the server side address String ajax request returns Array / JSON format, Array is the array defined in the static data to a page,
Function (Request , response): input value obtained by request.term, response (Array) to present the data (this is the way JSONP);
the minLength: string when the input frame length reaches minLength, activate the autocomplete
AutoFocus: when the pop-up menu selected autocomplete when, automatically selected first.
delay: that is how many milliseconds autocomplete delay
disabled: if the AutoComplete feature is disabled by default false
jQuery ui common method provided:
use Close (): Turn off smart prompt box
destory (): Destruction intelligent prompt box, completely delete elements it generates to restore it to its original state
disable (): disable the AutoComplete feature
enable () : autoComplete feature is turned on
Main Event:
Change (Event, ul): When the value changes, ui.item for the selected items
close (event, ui): occurs when the smart prompt box is closed
create (event, ui): occurs when the smart prompt box to create can in this event, the appearance of control
focus (event, ui): occurs when any smart tips to obtain a list of focus, ui.item to the focused item
open (event, ui): when the smart prompt box opens occurred or update
response (event, ui): occurred before the smart message box is displayed after the search is complete, can be processed to display items in this time in
search (event, ui): occurs before the start request, can this event in return false to cancel the request
select (event, ui): occurs when any intelligence suggesting a box is checked, ui.item for the selected item
Case
<link rel="stylesheet" href="js/jquery-ui.css" type="text/css"></link>
<link rel="stylesheet" href="js/jquery-ui.theme.css" type="text/css"></link>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
$(document).ready(function(){
$( "#autocomplete" ).autocomplete({
//disable: true, //设为true自动提示就不显示了
delay: 200, //延迟200毫秒出现
minLength: 1, //出现提示的最小字符数
source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ], //数据源
select: function(event){ //当选中某一个下拉条目时，触发执行该函数
alert(event.target.value);
},
});
});
<input id="autocomplete" type="text">
source:也可以是 ajax提交
source: function(request, response){
$.ajax({
url: "TestAjax/ajax.do",
success: function(data){
response(eval("("+data+")"));
}
});
}
也可以是:source: [{ label: "C# Language", value: "C#" },
{ label: "C++ Language", value: "C++" },
{ label: "Java Language", value: "Java" },
{ label: "JavaScript Language", value: "JavaScript" }]
introduction and use of jQueryUI in Datepicker (calendar) plug-in
case
$(function(){
$("#borndate").datepicker({
/* 是否可以使用下拉列表更改月份 */
changeMonth: true,
/* 是否可以使用下拉列表更改年份 */
changeYear: true,
/*可以设置年份的后缀显示内容。*/
yearSuffix: '年',
/** 是否把月放在年的后面 */
showMonthAfterYear:true,
/** 日期控件的星期显示 */
dayNamesMin: ['日','一', '二', '三', '四', '五', '六'],
/** 日期控件的月份显示 可以设置月份可变时显示样式值 */
monthNamesShort: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
/** 点击某个日期，填充输入框的月份值 可以设置月份不可变时显示样式值 */
monthNames: ['01','02','03','04','05','06','07','08','09','10','11','12'],
/** 格式化日期内容 */
dateFormat: "yy-MM-dd",
/** 输入框后面是否显示日期控件的图标 */
showOn: "button",
onSelect: function(selectedDate) {//选择日期后执行的操作
//alert(selectedDate);
}
})
});
<input id="borndate" name="borndate" />
Datepicker plug-in:
property
changeMonth, whether you can use the drop-down list to change the month
changeYear, whether you can change the year using the drop-down list
yearSuffix, the year that can be set to display the contents of the suffix
showMonthAfterYear, whether the month on the back of the
dayNamesMin, day of the week to display the control
monthNamesShort, month date control display style value can be set when the variable month
monthNames, click on a date, the month populate the input box can be set to display the style value month immutable
dateFormat, date formatting content
behind showOn input box controls whether to display the date icon
event
beforeShow: prior to the date control panel display, this event is fired, and returns an instance of the object controls the current trigger event.
beforeShowDay: prior to the date control panel display, are triggered when the date of each panel binding on this event,
onChangeMonthYear: This event is triggered when a change year or month,
onClose: when the panel is closed after the date of this event is triggered (regardless of whether there is choice date),
onSelect: when you select a date in the date panel trigger this event,
Methods:
Destory remove drag and drop from the elements. Usage: .datepicker ( 'the destroy')
disable disable drag and drop elements. Usage: .datepicker ( 'disable')
enable enable drag and drop elements.
option Gets or sets the parameter elements.
Open a dialog plug-in dialog plug-in date.
isDisabled exact date plug-in is disabled.
hide hide before (closed) panel is already open date.
show display date plugins.
getDate returns the current date plug-in date selected.
setDate set the current date date plug-ins
Explain in detail
Parameter (Parameter name: Parameter Type: Default)
altField: String: ''
selected date synchronized to another domain, can be displayed with the date string altFormat different formats.
Initial: $('.selector').datepicker({ altField: '#actualDate' });
Acquire: var altField = $('.selector').datepicker('option', 'altField');
Set: $('.selector').datepicker('option', 'altField', '#actualDate');
altFormat: String: ''
when the case is provided at altField, the date format is displayed in another domain.
Initial: $('.selector').datepicker({ altFormat: 'yy-mm-dd' });
Acquire: var altFormat = $('.selector').datepicker('option', 'altFormat');
setting: $('.selector').datepicker('option', 'altFormat', 'yy-mm-dd');
the appendText: String: ''
add a string after the specified date domain the plug.
Initial: $('.selector').datepicker({ appendText: '(yyyy-mm-dd)' });
Access: var appendText = $('.selector').datepicker('option', 'appendText');
Set: $('.selector').datepicker('option', 'appendText', '(yyyy-mm-dd)');
buttonImage: String: ''
Set the eject button of the picture, if not empty, then the button text will become the alt attribute, not directly displayed.
Initial: $('.selector').datepicker({ buttonImage: '/images/datepicker.gif' });
Access: var buttonImage = $('.selector').datepicker('option', 'buttonImage');
Set: $('.selector').datepicker('option', 'buttonImage', '/images/datepicker.gif');
buttonImageOnly: Boolean: false
the Set to to true to Place AN Image the After at The Field, to use AS at The the Trigger the without IT appearing ON A the Button.
Initial: $('.selector').datepicker({ buttonImageOnly: true });
Access: var buttonImageOnly = $('.selector').datepicker('option', 'buttonImageOnly');
Set: $('.selector').datepicker('option', 'buttonImageOnly', true);
buttonText: String: '...'
to set the trigger button text content.
Initial: $('.selector').datepicker({ buttonText: 'Choose' });
Acquire: var buttonText = $('.selector').datepicker('option', 'buttonText');
Set: $('.selector').datepicker('option', 'buttonText', 'Choose');
changeMonth: Boolean: to false
setting allows the drop-down box list to select a month.
Initial: $('.selector').datepicker({ changeMonth: true });
Acquire: var changeMonth = $('.selector').datepicker('option', 'changeMonth');
Set: $('.selector').datepicker('option', 'changeMonth', true);
changeYear: Boolean: to false
setting allows the drop-down box to select the year list.
Initial: $('.selector').datepicker({ changeYear: true });
Acquire: var changeYear = $('.selector').datepicker('option', 'changeYear');
Set: $('.selector').datepicker('option', 'changeYear', true);
closeTextType: StringDefault: 'the Done'
disposed close button text, this button is able to display by setting showButtonPanel parameters.
Initial: $('.selector').datepicker({ closeText: 'X' });
Acquire: var closeText = $('.selector').datepicker('option', 'closeText');
Settings: $('.selector').datepicker('option', 'closeText', 'X');
constrainInput: Boolean: to true
If set to true, the input current date format constraints.
Initial: $('.selector').datepicker({ constrainInput: false });
Access: var constrainInput = $('.selector').datepicker('option', 'constrainInput');
Set: $('.selector').datepicker('option', 'constrainInput', false);
currentText: String: 'Today'
set the text content of the day button, this button is able to display by setting showButtonPanel parameters.
Initial: $('.selector').datepicker({ currentText: 'Now' });
Acquire: var currentText = $('.selector').datepicker('option', 'currentText');
setting: $('.selector').datepicker('option', 'currentText', 'Now');
the dateFormat: String: 'mm / dd / YY'
to set the display format of the date string.
Initial: $('.selector').datepicker({ dateFormat: 'yy-mm-dd' });
get:var dateFormat = $('.selector').datepicker('option', 'dateFormat');
Settings: $('.selector').datepicker('option', 'dateFormat', 'yy-mm-dd');
the date format:
d - day of the month (without leading zeros)
dd - day of the month (two digits)
O - the first day of the year (without leading zeros)
oo - year the first few days (three digits)
D - Day name Short
DD - Day Long name
m - month (without leading zeros)
mm - month (two digits)
m - Short month the name
mM - month the name Long
the y-- Year (two digits)
YY - year (four digits)
@ - the Unix timestamp (beginning from 01/01/1970)
"..." - text
'' - single quotes
(other) - text
other standard date format:
the ATOM - 'yy- mm-dd '(Same, AS the RFC 3339 / the ISO 8601)
COOKIE -' D, dd M YY '
for ISO_8601 -' YY-mm-dd '
RFC_822 -' D, D M Y '
RFC_850 -' dD, dd-M-Y '
RFC_1036 - 'D, M D Y
RFC_1123 -' D, M D YY '
RFC_2822 -' D, M D YY '
RSS - ‘D, d M y’
TIMESTAMP - ‘@’
W3C - ‘yy-mm-dd’
dayNames: Array: [ 'Sunday' , 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
provided the name of the week day, starts on Sunday. This content displayed for dateFormat, when moving the line head and displaying a calendar when the mouse.
Initial ：$('.selector').datepicker({ dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'] });
acquisition: var dayNames = $('.selector').datepicker('option', 'dayNames');
setting ：$('.selector').datepicker('option', 'dayNames', ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi']);
dayNamesMin: Array: [ 'Su' , 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']
provided abbreviations week daily, beginning from Sunday, this content is displayed for dateFormat, before the first line of the calendar display.
Initial: $('.selector').datepicker({ dayNamesMin: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'] });
Acquire: var dayNamesMin = $('.selector').datepicker('option', 'dayNamesMin');
Set: $('.selector').datepicker('option', 'dayNamesMin', ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa']);
dayNamesShort: the Array: [ 'the Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
provided abbreviations week day, from Sunday start, this entry is displayed for dateFormat, before the first line of the calendar display.
Initial: $('.selector').datepicker({ dayNamesShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'] });
Access: var dayNamesShort = $('.selector').datepicker('option', 'dayNamesShort');
Set: $('.selector').datepicker('option', 'dayNamesShort', ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam']);
defaultDate: a Date, Number The, String: null
set the default to load the first time after the selected date is displayed. Date object may be, or a digital (from today, e.g. +7), or a valid character string ( 'y' is the year, 'm' is the month, 'w' representatives weeks, 'd' is the day, e.g. : '+ 1m + 7d') .
Initial: $('.selector').datepicker({ defaultDate: +7 });
Access: var defaultDate = $('.selector').datepicker('option', 'defaultDate');
Set:$('.selector').datepicker('option', 'defaultDate', +7);
duration: String, Number: 'normal '
set the date control is expanded to show time animation, alternative is "slow", "normal", "fast", '' representatives immediately, number represents the number of milliseconds.
初始：$('.selector').datepicker({ duration: 'slow' });
获取：var duration = $('.selector').datepicker('option', 'duration');
设置：$('.selector').datepicker('option', 'duration', 'slow');
firstDay: Number: 0
first day of the week. Sunday is 0, Monday is 1, and so on.
初始：$('.selector').datepicker({ firstDay: 1 });
获取：var firstDay = $('.selector').datepicker('option', 'firstDay');
设置：$('.selector').datepicker('option', 'firstDay', 1);
gotoCurrent: Boolean: false
If set to true, then click the button that day, will move to the currently selected date, not today.
初始：$('.selector').datepicker({ gotoCurrent: true });
获取：var gotoCurrent = $('.selector').datepicker('option', 'gotoCurrent');
设置：$('.selector').datepicker('option', 'gotoCurrent', true);
hideIfNoPrevNext: Boolean: false
setting when no Previous / Next Alternatively, the hide corresponding button. (The default is not available)
初始：$('.selector').datepicker({ hideIfNoPrevNext: true });
获取：var hideIfNoPrevNext = $('.selector').datepicker('option', 'hideIfNoPrevNext');
设置：$('.selector').datepicker('option', 'hideIfNoPrevNext', true);
isRTL: Boolean: false
If set to true, the text is all right from left.
初始：$('.selector').datepicker({ isRTL: true });
获取：var isRTL = $('.selector').datepicker('option', 'isRTL');
设置：$('.selector').datepicker('option', 'isRTL', true);
maxDate: Date, Number, String: null
set a maximum of selectable dates. Date object may be, or a digital (from today, e.g. +7), or a valid character string ( 'y' is the year, 'm' is the month, 'w' representatives weeks, 'd' is the day, e.g. : '+ 1m + 7d') .
初始：$('.selector').datepicker({ maxDate: '+1m +1w' });
获取：var maxDate = $('.selector').datepicker('option', 'maxDate');
设置：$('.selector').datepicker('option', 'maxDate', '+1m +1w');
$('.selector').datepicker('option', 'maxDate', '12/25/2012');
minDate : Date, Number, String : null
Setting a minimum of selectable dates. Date object may be, or a digital (from today, e.g. +7), or a valid character string ( 'y' is the year, 'm' is the month, 'w' representatives weeks, 'd' is the day, e.g. : '+ 1m + 7d').
初始：$('.selector').datepicker({ minDate: new Date(2007, 1 - 1, 1) });
获取：var minDate = $('.selector').datepicker('option', 'minDate');
设置：$('.selector').datepicker('option', 'minDate', new Date(2007, 1 - 1, 1));
$('.selector').datepicker('option', 'minDate', '12/25/2012');
monthNames : Array : ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
Set the names of all month.
初始：$('.selector').datepicker(｛monthNames:['Januar','Februar','Marts','April','Maj','Juni','Juli','August','September','Oktober','November','December']});
获取：var monthNames = $('.selector').datepicker('option', 'monthNames');
设置：$('.selector').datepicker('option', 'monthNames', ['Januar','Februar','Marts','April','Maj','Juni','Juli','August','September','Oktober','November','December']);
monthNamesShort : Array : ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
Set abbreviation for all months.
初始：$('.selector').datepicker(｛monthNamesShort:['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec']});
获取：var monthNamesShort = $('.selector').datepicker('option', 'monthNamesShort');
设置：$('.selector').datepicker('option', 'monthNamesShort', ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec']);
navigationAsDateFormat : Boolean : false
If set to true, the function applied to the value formatDate prevText, nextText currentText and the display, for example, is displayed as the name of the month.
初始：$('.selector').datepicker({ navigationAsDateFormat: true });
获取：var navigationAsDateFormat = $('.selector').datepicker('option', 'navigationAsDateFormat');
设置：$('.selector').datepicker('option', 'navigationAsDateFormat', true);
nextText : String : 'Next'
Settings "next month" display text links.
初始：$('.selector').datepicker({ nextText: 'Later' });
获取：var nextText = $('.selector').datepicker('option', 'nextText');
设置：$('.selector').datepicker('option', 'nextText', 'Later');
numberOfMonths : Number, Array : 1
Set a number of the month you want to display. If the number is an integer display the month, and if the array is the number of rows and columns displayed.
初始：$('.selector').datepicker({ numberOfMonths: [2, 3] });
获取：var numberOfMonths = $('.selector').datepicker('option', 'numberOfMonths');
设置：$('.selector').datepicker('option', 'numberOfMonths', [2, 3]);
prevText : String : 'Prev'
Settings "last month" display text links.
初始：$('.selector').datepicker({ prevText: 'Earlier' });
获取：var prevText = $('.selector').datepicker('option', 'prevText');
设置：$('.selector').datepicker('option', 'prevText', 'Earlier');
shortYearCutoff : String, Number : '+10'
Set the value of the year off. If so (0-99) a digital places since the beginning of the current year, if a string, into the corresponding numbers and then adding the current year. When it exceeds the cutoff year, it is considered the last century.
初始：$('.selector').datepicker({ shortYearCutoff: 50 });
获取：var shortYearCutoff = $('.selector').datepicker('option', 'shortYearCutoff');
设置：$('.selector').datepicker('option', 'shortYearCutoff', 50);
showAnim : String : 'show'
Set the display to hide the name of the animation date plugin.
初始：$('.selector').datepicker({ showAnim: 'fold' });
获取：var showAnim = $('.selector').datepicker('option', 'showAnim');
设置：$('.selector').datepicker('option', 'showAnim', 'fold');
showButtonPanel : Boolean : false
Set whether the relevant buttons displayed on the panel.
初始：$('.selector').datepicker({ showButtonPanel: true });
获取：var showButtonPanel = $('.selector').datepicker('option', 'showButtonPanel');
设置：$('.selector').datepicker('option', 'showButtonPanel', true);
showCurrentAtPos : Number : 0
Set position when the case of a multi-month display, display of the current month. From the top / left of the beginning of the first x-bit.
初始：$('.selector').datepicker({ showCurrentAtPos: 3 });
获取：var showCurrentAtPos = $('.selector').datepicker('option', 'showCurrentAtPos');
设置：$('.selector').datepicker('option', 'showCurrentAtPos', 3);
showMonthAfterYear : Boolean : false
Whether to display the month in the year behind the head of the panel.
初始：$('.selector').datepicker({ showMonthAfterYear: true });
获取：var showMonthAfterYear = $('.selector').datepicker('option', 'showMonthAfterYear');
设置：$('.selector').datepicker('option', 'showMonthAfterYear', true);
showOn : String : 'focus'
What events trigger the display panel set the date widget optional values: focus, button, both
初始：$('.selector').datepicker({ showOn: 'both' });
获取：var showOn = $('.selector').datepicker('option', 'showOn');
设置：$('.selector').datepicker('option', 'showOn', 'both');
showOptions : Options : {}
If you use showAnim to display animation, you can pass this parameter to add some additional parameters.
初始：$('.selector').datepicker({ showOptions: {direction: 'up' });
获取：var showOptions = $('.selector').datepicker('option', 'showOptions');
设置：$('.selector').datepicker('option', 'showOptions', {direction: 'up');
showOtherMonths : Boolean : false
Whether on the current panel shows that some two months the number of days (not optional) below.
初始：$('.selector').datepicker({ showOtherMonths: true });
获取：var showOtherMonths = $('.selector').datepicker('option', 'showOtherMonths');
设置：$('.selector').datepicker('option', 'showOtherMonths', true);
stepMonths : Number : 1
When clicking / next month, once turned a few months.
初始：$('.selector').datepicker({ stepMonths: 3 });
获取：var stepMonths = $('.selector').datepicker('option', 'stepMonths');
设置：$('.selector').datepicker('option', 'stepMonths', 3);
yearRange : String : '-10:+10'
Year Year Number dropdown list displayed in the control, may be relatively current year (-nn: + nn), may be an absolute value (-nnnn: + nnnn)
初始：$('.selector').datepicker({ yearRange: '2000:2010' });
获取：var yearRange = $('.selector').datepicker('option', 'yearRange');
设置：$('.selector').datepicker('option', 'yearRange', '2000:2010');
Event
beforeShow: function (input)
before the date of the control panel display, this event is fired, and returns an instance of the object controls the current trigger event.
初始：$('.selector').datepicker({ beforeShow: function(input) { ... } });
beforeShowDay : function(date)
Prior to the date control panel display, the date when this event triggers binding on each panel, the parameter is the date of the triggering event. After calling the function must return an array: [0] if this date is selectable (true / false), [1] CSS style name of this date ( "" indicates the default), [2] appear when the mouse is moved above some tips Content.
初始：$('.selector').datepicker({ beforeShowDay: function(date) { ... } });
onChangeMonthYear : function(year, month, inst)
This event is triggered when a change year or month, month of the year after an instance parameter changes and the current date plug-ins.
initial:
$('.selector').datepicker({ onChangeMonthYear: function(year, month, inst) { ... } });
onClose : function(dateText, inst)
When the panel is closed after the date of this event is triggered (regardless of whether to choose a date), examples of the parameters for the selected date and the current date plug-ins.
initial
：$('.selector').datepicker({ onClose: function(dateText, inst) { ... } });
onSelect : function(dateText, inst)
When the trigger event after the date of this panel to select a date, instance parameters for the selected date and the current date plug-ins.
$('.selector').datepicker({ onSelect: function(dateText, inst) { ... } });
Methods:
Destory
remove drag and drop from the elements.
Usage: .datepicker ( 'the destroy')
disable
disable drag and drop elements.
Usage: .datepicker ( 'disable')
enable
enable drag and drop elements.
Usage: .datepicker ( 'enable')
Option
Gets or sets the parameter elements.
Usage: .datepicker ( 'Option', optionName, [value])
dialog
to open a dialog in the plug-in plug-in date.
Usage: .datepicker ( 'Dialog', dateText, [onSelect], [Settings], [POS])
isDisabled
exact date plug-in is disabled.
Usage: .datepicker ( 'isDisabled')
hide
hidden before (closed) panel is already open date.
Usage: .datepicker ( 'hide', [Speed])
Show
.datepicker ( 'Show')
display the date widget.
Usage: .datepicker ( 'Show')
getDate
Return date to the current date plug-in selection.
Usage: .datepicker ( 'getDate')
setDate
set the date plug the current date. parameter may be a digital date (from today, e.g. +7), or a valid character string ( 'Y' is the year, 'm' is the month, 'w' representatives weeks, 'd' is the day, for example: '+ 1m + 7d '), null said on that day.
Usage: .datepicker ( 'setDate', date )