TIWCGJQDatePickerOptions Class

Initializes a new instance of the TIWCGJQDatePickerOptions class. (Overrides TIWCGJSon.CreateSingle(TPersistent,string).)

The jQuery selector for another field that is to be updated with the selected date from the datepicker. Use the altFormat setting to change the format of the date within this field. Leave as blank for no alternate field.

The dateFormat to be used for the altField option. This allows one date format to be shown to the user for selection purposes, while a different format is actually sent behind the scenes. For a full list of the possible formats see the formatDate function

The text to display after each date field, e.g. to show the required format.

If true, will detect if the element is inside of dialog, and use the max ZIndex for popup.

Important Note
Highly Recommended: Set to true if you are using multiple dialogs..

Set to true to automatically resize the input field to accommodate dates in the current dateFormat.

Button css class, added to button/image when ShowOn <> dposFocus

The URL for the popup button image. If set, buttonText becomes the alt value and is not directly displayed.

Set to true to place an image after the field to use as the trigger without it appearing on a button.

The text to display on the trigger button. Use in conjunction with showOn equal to 'button' or 'both'.

Allows you to change the month by selecting from a drop-down list. You can enable this feature by setting the attribute to true.

Allows you to change the year by selecting from a drop-down list. You can enable this feature by setting the attribute to true. Use the yearRange option to control which years are made available for selection.

The text to display for the close link. This attribute is one of the Regionalisation attributes. Use the showButtonPanel to display this button.

When true entry in the input field is constrained to those characters allowed by the current dateFormat.

The text to display for the current day link. This attribute is one of the Regionalisation attributes. Use the showButtonPanel to display this button.

The format for parsed and displayed dates. This attribute is one of the Regionalisation attributes. For a full list of the possible formats see the formatDate function.

Represents property DatePicker.

Date separator (/- etc)

The list of long day names, starting from Sunday, for use as requested via the dateFormat setting. They also appear as popup hints when hovering over the corresponding column headings. This attribute is one of the Regionalisation attributes.

The list of minimised day names, starting from Sunday, for use as column headers within the datepicker. This attribute is one of the Regionalisation attributes.

The list of abbreviated day names, starting from Sunday, for use as requested via the dateFormat setting. This attribute is one of the Regionalisation attributes.

Set the date to highlight on first opening if the field is blank. Specify either an actual date via a Date object or as a string in the current dateFormat, or 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 for today.

Disables (true) or enables (false) the datepicker. Can be set when initialising (first creating) the datepicker

Disable days

Display the datepicker embedded in the page instead of in an overlay.

If true and DisplayInline = True, will stretch (width) the datepicker in container, ie, respecting the property Width.

Important Note
Property Height doesn't supported.

When true, the months will appear vertically.

Important Note
Property DisplayInline should be True Property NumberOfMonths should be > 1

Control the speed at which the datepicker appears, it may be a time in milliseconds or a string representing one of the three predefined speeds ("slow", "normal", "fast").

Set the first day of the week: Sunday is 0, Monday is 1, ... This attribute is one of the Regionalisation attributes.

When true the current day link moves to the currently selected date instead of today.

Normally the previous and next links are disabled when not applicable (see minDate/maxDate). You can hide them altogether by setting this attribute to true

True if the current language is drawn from right to left. This attribute is one of the Regionalisation attributes.

Represents property JSDateFormat.

Set a maximum selectable date via a Date object or as a string in the current dateFormat, or 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 +1w'), or null for no limit.

Set a minimum selectable date via a Date object or as a string in the current dateFormat, or 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. '-1y -1m'), or null for no limit.

The list of full month names, for use as requested via the dateFormat setting. This attribute is one of the Regionalisation attributes

The list of abbreviated month names, as used in the month header on each datepicker and as requested via the dateFormat setting. This attribute is one of the Regionalisation attributes.

When true the formatDate function is applied to the prevText, nextText, and currentText values before display, allowing them to display the target month names for example.

The text to display for the next month link. This attribute is one of the Regionalisation attributes. With the standard ThemeRoller styling, this value is replaced by an icon.

Set how many months to show at once. The value can be a straight integer, or can be a two-element array to define the number of rows and columns to display.

Can be a function that takes an input field and current datepicker instance and returns an options object to update the datepicker with. It is called just before the datepicker is displayed.

The function takes a date as a parameter and must return an array with [0] equal to true/false indicating whether or not this date is selectable, [1] equal to a CSS class name(s) or '' for the default presentation, and [2] an optional popup tooltip for this date. It is called for each day in the datepicker before it is displayed.

A function to calculate the week of the year for a given date. The default implementation uses the ISO 8601 definition: weeks start on a Monday; the first week of the year contains the first Thursday of the year.

Allows you to define your own event when the datepicker moves to a new month and/or year. The function receives the selected year, month (1-12), and the datepicker instance as parameters. this refers to the associated input field.

Allows you to define your own event when the datepicker is closed, whether or not a date is selected. The function receives the selected date as text ('' if none) and the datepicker instance as parameters. this refers to the associated input field.

This event is triggered when datepicker is created.

onSelectfunction(dateText, inst) Allows you to define your own event 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.

The text to display for the previous month link. This attribute is one of the Regionalisation attributes. With the standard ThemeRoller styling, this value is replaced by an icon.

Regional settings for datepicker(dporDefault,dporAfrikaans,dporAlbanian, dporAlgerianArabic, dporArabic, dporArmenian, dporAzerbaijani, dporBasque, dporBosnian, dporBulgarian, dporCatalan, dporChineseHongKong, dporChineseSimplified, dporChineseTraditional, dporCroatian, dporCzech, dporDanish, dporDutchBelgium, dporDutchNederlands, dporEnglishAustralia, dporEnglishNewZealand, dporEnglishUK, dporEsperanto, dporEstonian, dporFaroese, dporFarsiPersian, dporFinnish, dporFrench, dporFrenchSwiss, dporGalician, dporGerman, dporGreek, dporHebrew, dporHindi, dporHungarian, dporIcelandic, dporIndonesian, dporItalian, dporJapanese, dporKazakhstan, dporKhmer, dporKorean, dporLatvian, dporLithuanian, dporLuxembourgish, dporMacedonian, dporMalayalam, dporMalaysian, dporNorwegian, dporPolish, dporPortuguese, dporPortugueseBrazilian, dporRhaetoRomanic, dporRomanian, dporRussian, dporSerbian, dporSlovak, dporSlovenian, dporSpanish, dporSwedish, dporTamil, dporThai, dporTajikistan, dporTurkish, dporUkranian, dporVietnamese, dporWelshUK, dporGeorgia);

When true days in other months shown before or after the current month are selectable. This only applies if showOtherMonths is also true.

Set the cutoff year for determining the century for a date (used in conjunction with dateFormat 'y'). If a numeric value (0-99) is provided then this value is used directly. If a string value is provided then it is converted to a number and added to the current year. Once the cutoff year is calculated, any dates entered with a year value less than or equal to it are considered to be in the current century, while those greater than it are deemed to be in the previous century.

Set the name of the animation used to show/hide the datepicker. Use 'show' (the default), 'slideDown', 'fadeIn', any of the show/hide jQuery UI effects, or '' for no animation.

Whether to show the button panel.

Specify where in a multi-month display the current month shows, starting from 0 at the top/left

Whether to show the month after the year in the header. This attribute is one of the Regionalisation attributes.

Have the datepicker appear automatically when the field receives focus ('focus'), appear only when a button is clicked ('button'), or appear when either event takes place ('both').

If using one of the jQuery UI effects for showAnim

Display dates in other months (non-selectable) at the start or end of the current month. To make these days selectable use selectOtherMonths.

Hide/Show the datepicker popup when input is readonly.

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.

Use stepBigMonths to set the number of months to move for previous/next links to scroll by year (by default) using showBigPrevNext setting

Set how many months to move when clicking the Previous/Next links.

The text to display for the week of the year column heading. This attribute is one of the Regionalisation attributes. Use showWeek to display this column.

Control 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.

Additional text to display after the year in the month headers. This attribute is one of the Regionalisation attributes.

Disable the datepicker.

Enable the datepicker

Close a previously opened datepicker.

Returns the JavaScript code to disable datepicker

Returns the JavaScript code to enable datepicker

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

Returns JavaSript code to determine whether a datepicker has been disabled.

Returns JavaSript code to determine whether a datepicker has been disabled.

Returns JavaSript code to refresh datepicker

Returns JavaSript code to SetDate

Returns JavaSript code to show datepicker

Returns the .ui-datepicker element.

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

Represents method RegionalJSFile.

Sets the current date for the datepicker. The new date must be a string in the current date format (e.g. '01/26/2009')

Call up a previously attached datepicker. If the datepicker is attached to an input, the input must be visible for the datepicker to be shown.