Выбор даты - Date picker

Пример использования средства выбора даты. Когда пользователь нажимает на поле ввода, внизу появляется календарь.

А выбор даты, всплывающий календарь, выбор даты и времени, или же сборщик времени это графический интерфейс пользователя виджет который позволяет пользователю выбрать дату из календаря и / или время из временного диапазона. Типичная практика - предоставить текстовое окно поле, при нажатии на которое для ввода даты выскакивает календарь рядом с полем или под ним, позволяя пользователю заполнить поле соответствующей датой, или предоставляет текстовое поле со значком календаря, так что когда значок при щелчке по нему отображается календарь (или поле времени) или отображается виджет календаря напрямую (встроенный).

Средство выбора даты дает несколько преимуществ, в том числе:

  • позволяя пользователю ввести дату, просто щелкнув дату во всплывающем календаре, вместо того, чтобы убирать руку от мыши, чтобы ввести дату.
  • проверка дат путем ограничения диапазонов дат, например только после сегодняшнего дня и на две недели позже, или только для свиданий в прошлом.
  • диапазон дат может быть введен таким образом, что для набора полей дат «от до», если поле «от» заполнено, в поле «до» нельзя установить дату до поля «от», или если Поле «до» заполнено, в поле «от» нельзя установить более позднюю дату, чем в поле «до».
  • может иметь кнопку "сегодня"
  • можно настроить день начала недели
  • Можно вводить только официальные даты, например 29 февраля 2100 г. не могут быть введены, равно как и 31 июня.
  • Устранена путаница с форматом даты, например 7/4/10 4 июля 2010 г., 7 апреля 2010 г. или 10 апреля 2007 г.?


В случае выбора времени доступны многие аналогичные функции, такие как обеспечение пользователя

  • Невозможно ввести неверное время (25:18, 4:61).
  • Невозможно выбрать время, выходящее за пределы допустимого диапазона (18:00 для бизнеса, позволяющего клиентам выбирать свои собственные встречи, но бизнес закрывается в 5:30) или в свободное время (например, в обед).
  • Невозможно выбрать недопустимый диапазон (можно ограничить выбранное время ближайшими 5, 10 или 15 минутами или любым диапазоном, например, 2:30 или 2:45 - это нормально, а 2:37 - нет).

Пример программируемого выбора даты показан в документации к jQuery UI JavaScript библиотека пользовательского интерфейса по адресу: http://jqueryui.com/datepicker/