8 (8452) 32-00-84

jQuery UI Datepicker

JQuery UI Datepicker - это настраиваемый плагин, который добавляет функции даты на ваши страницы. Вы можете настроить формат даты и язык, ограничить диапазоны выбора и легко добавлять кнопки и другие параметры навигации.

По умолчанию календарь датпикера открывается небольшим оверлеем, когда связанное текстовое поле получает фокус. Для встроенного календаря просто присоедините datepicker к div или span.

Работа с клавиатурой

Пока функция datepicker открыта, доступны следующие команды клавиш:

Полезные функции

$.datepicker.setDefaults( options )

Измените параметры по умолчанию для всех календарей.

Используйте метод option() для изменения параметров отдельных экземпляров.

Примеры кода:

Установите все календари, с функцией открытия при фокусе в текстовом поле или при клике по иконке.

$.datepicker.setDefaults({
  showOn: "both",
  buttonImageOnly: true,
  buttonImage: "calendar.gif",
  buttonText: "Calendar"
});

Установка французского текста.

$.datepicker.setDefaults( $.datepicker.regional[ "fr" ] );

$.datepicker.formatDate( format, date, options )

Отформатируйте дату в строковое значение с указанным форматом.

Для выбора доступны следующие форматы:

 Существует также ряд предопределенных стандартных форматов даты, доступных из $.datepicker:

Примеры кода:

Отображение даты в формате ISO. Производит «2007-01-26».

$.datepicker.formatDate( "yy-mm-dd", new Date( 2007, 1 - 1, 26 ) );

Показывать дату в расширенном французском формате. Производит "Samedi, Juillet 14, 2007".

$.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( format, value, options )

Извлечь дату из строкового значения в указанном формате.

Может быть следующий формат: