$.datepicker.formatDate( "DD, MM d, yy", new Date( 2007, 7 - 1, 14 ), {
  dayNamesShort: $.datepicker.regional[ "fr" ].dayNamesShort,
  dayNames: $.datepicker.regional[ "fr" ].dayNames,
  monthNamesShort: $.datepicker.regional[ "fr" ].monthNamesShort,
  monthNames: $.datepicker.regional[ "fr" ].monthNames
});

$.datepicker.parseDate( "DD, MM d, yy", "Samedi, Juillet 14, 2007", {
  shortYearCutoff: 20,
  dayNamesShort: $.datepicker.regional[ "fr" ].dayNamesShort,
  dayNames: $.datepicker.regional[ "fr" ].dayNames,
  monthNamesShort: $.datepicker.regional[ "fr" ].monthNamesShort,
  monthNames: $.datepicker.regional[ "fr" ].monthNames
});

onSelect Type: Function ( String dateText, Object inst ) Default: null

Called when the datepicker is selected. The function receives the selected date as text and the datepicker instance as parameters. this refers to the associated input field.

onUpdateDatepicker Type: Function ( Object inst ) Default: null

Called when the datepicker widget's DOM is updated. The function receives the datepicker instance as the only parameter. this refers to the associated input field. (version added: 1.13)

prevText Type: String Default: "Prev"

The text to display for the previous month link. With the standard ThemeRoller styling, this value is replaced by an icon.

Code examples:

Initialize the datepicker with the prevText option specified:

Default: false

Whether days in other months shown before or after the current month are selectable. This only applies if the showOtherMonths option is set to true .

Code examples:

Initialize the datepicker with the selectOtherMonths option specified:

Default: "+10"

The cutoff year for determining the century for a date (used in conjunction with dateFormat 'y'). Any dates entered with a year value less than or equal to the cutoff year are considered to be in the current century, while those greater than it are deemed to be in the previous century.

Multiple types supported:

Number : A value between 0 and 99 indicating the cutoff year. String : A relative number of years from the current year, e.g., "+3" or "-5" . Code examples:

Initialize the datepicker with the shortYearCutoff option specified:

Default: "show"
The name of the animation used to show and hide the datepicker. Use "show" (the default), "slideDown" , "fadeIn" , any of the jQuery UI effects . Set to an empty string to disable animation.
Code examples:

Initialize the datepicker with the showAnim option specified:

Default: false
Whether to display a button pane underneath the calendar. The button pane contains two buttons, a Today button that links to the current day, and a Done button that closes the datepicker. The buttons' text can be customized using the currentText and closeText options respectively.
Code examples:

Initialize the datepicker with the showButtonPanel option specified:

Default: 0
When displaying multiple months via the numberOfMonths option, the showCurrentAtPos option defines which position to display the current month in.
Code examples:

Initialize the datepicker with the showCurrentAtPos option specified:

Default: "focus"
When the datepicker should appear. The datepicker can appear when the field receives focus ( "focus" ), when a button is clicked ( "button" ), or when either event occurs ( "both" ).
Code examples:

Initialize the datepicker with the showOn option specified:

Default: {}
If using one of the jQuery UI effects for the showAnim option, you can provide additional properties for that animation using this option.
Code examples:

Initialize the datepicker with the showOptions option specified:

Default: false
Whether to display dates in other months (non-selectable) at the start or end of the current month. To make these days selectable use the selectOtherMonths option.
Code examples:

Initialize the datepicker with the showOtherMonths option specified:

Default: false
When true , a column is added to show the week of the year. The calculateWeek option determines how the week of the year is calculated. You may also want to change the firstDay option.
Code examples:

Initialize the datepicker with the showWeek option specified:

Default: "Wk"
The text to display for the week of the year column heading. Use the showWeek option to display this column.
Code examples:

Initialize the datepicker with the weekHeader option specified:

Default: "c-10:c+10"
The range of years displayed in the year drop-down: either relative to today's year ( "-nn:+nn" ), relative to the currently selected year ( "c-nn:c+nn" ), absolute ( "nnnn:nnnn" ), or combinations of these formats ( "nnnn:-nn" ). Note that this option only affects what appears in the drop-down, to restrict which dates may be selected use the minDate and/or maxDate options.
Code examples:

Initialize the datepicker with the yearRange option specified:

Removes the datepicker functionality completely. This will return the element back to its pre-init state.
• This method does not accept any arguments.
Code examples:

Invoke the destroy method:

dialog( date [, onSelect ] [, options ] [, pos ] ) Returns: jQuery ( plugin only )

Opens the datepicker in a dialog box.

Type: String or Date

The initial date.

onSelect

Type: Function ()

A callback function when a date is selected. The function receives the date text and date picker instance as parameters.

options

Type: Options

The new options for the date picker.

Type: Number[2] or MouseEvent

The position of the top/left of the dialog as [x, y] or a MouseEvent that contains the coordinates. If not specified the dialog is centered on the screen.

Code examples:

Invoke the dialog method:

getDate() Returns: Date

Returns the current date for the datepicker or null if no date has been selected.

• This method does not accept any arguments.

Code examples:

Invoke the getDate method:

Determine whether a date picker has been disabled.

• This method does not accept any arguments.

Code examples:

Invoke the isDisabled method:

Gets the value currently associated with the specified optionName .

Note: For options that have objects as their value, you can get the value of a specific key by using dot notation. For example, "foo.bar" would get the value of the bar property on the foo option.

optionName

Type: String

The name of the option to get.

Code examples:

Invoke the method:

option() Returns: PlainObject

Gets an object containing key/value pairs representing the current datepicker options hash.

• This signature does not accept any arguments.

Code examples:

Invoke the method:

option( options ) Returns: jQuery ( plugin only )

Sets one or more options for the datepicker.

options

Type: Object

A map of option-value pairs to set.

Code examples:

Invoke the method:

refresh() Returns: jQuery ( plugin only )

Redraw the date picker, after having made some external modifications.

• This method does not accept any arguments.

Code examples:

Invoke the refresh method:

setDate( date ) Returns: jQuery ( plugin only )

Sets the date for the datepicker. The new date may be a Date object or a string in the current date format (e.g., "01/26/2009" ), a number of days from today (e.g., +7 ) or a string of values and periods ( "y" for years, "m" for months, "w" for weeks, "d" for days, e.g., "+1m +7d" ), or null to clear the selected date.

Type: String or Date

The new date.

Code examples:

Invoke the setDate method:

show() Returns: jQuery ( plugin only )

Open the date picker. If the datepicker is attached to an input, the input must be visible for the datepicker to be shown.

• This method does not accept any arguments.

Code examples:

Invoke the show method:

Returns a jQuery object containing the datepicker.

• This method does not accept any arguments.

Code examples:

Invoke the widget method:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>datepicker demo</title>
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.3/themes/smoothness/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
  <script src="https://code.jquery.com/ui/1.13.3/jquery-ui.js"></script>
</head>
<body>
 
<div id="datepicker"></div>
 
<script>
$( "#datepicker" ).datepicker();
</script>
 
</body>
</html>

Web hosting by Digital Ocean | CDN by Fastly | Powered by WordPress