Selektor daty

Przykład używanego selektora dat. Gdy użytkownik kliknie pole wprowadzania, poniżej pojawi się kalendarz.

Selektor daty, wyskakujący kalendarz, selektor daty i godziny lub selektor czasu to widżet graficznego interfejsu użytkownika , który umożliwia użytkownikowi wybranie daty z kalendarza i/lub godziny z zakresu czasu. Typową praktyką jest udostępnienie tekstowego , które po kliknięciu w celu wprowadzenia daty powoduje wyświetlenie kalendarza obok lub pod polem, umożliwiając użytkownikowi wypełnienie pola odpowiednią datą lub udostępnia pole tekstowe z ikonę kalendarza w taki sposób, że po kliknięciu ikony pojawia się kalendarz (lub pole czasu) lub bezpośrednio wyświetla widżet kalendarza (inline).

Selektor dat zapewnia kilka korzyści, w tym:

• umożliwienie użytkownikowi wprowadzenia daty poprzez zwykłe kliknięcie daty w wyskakującym kalendarzu, zamiast zdejmowania ręki z myszy w celu wpisania daty.
• walidacja dat poprzez zawężenie zakresów dat, np. tylko po dniu dzisiejszym i przez dwa tygodnie później lub tylko dla dat z przeszłości.
• zakres dat można wprowadzić w taki sposób, że dla zestawu pól daty „od-do”, jeśli pole „od” jest wypełnione, pole „do” nie może być ustawione na datę wcześniejszą niż pole „od” lub jeśli pole „do” jest wypełnione, w polu „od” nie można ustawić daty późniejszej niż w polu „do”.
• może mieć przycisk „dzisiaj”.
• można dostosować dzień, w którym zaczyna się tydzień
• Można wprowadzić tylko daty prawne, np. 29 lutego 2100 nie można wprowadzić ani 31 czerwca.
• Wyeliminowano zamieszanie w formacie daty, np. czy 7/4/10 to 4 lipca 2010, 7 kwietnia 2010 czy 10 kwietnia 2007?

W przypadku selektora czasu dostępnych jest wiele podobnych funkcji, takich jak zapewnienie użytkownikowi

• Nie można wprowadzić nieprawidłowej godziny (25:18, 4:61).
• Nie można wybrać godziny poza zasięgiem (18:00 w przypadku firmy, która pozwala klientom wybrać własne spotkanie, ale firma jest zamykana o 17:30) lub w godzinach bez nadzoru (np. podczas lunchu).
• Nie można wybrać nieprawidłowego zakresu (można ograniczyć wybrany czas do najbliższych 5, 10 lub 15 minut lub dowolnego zakresu, np. 2:30 lub 2:45 jest w porządku, ale 2:37 nie).

Przykład programowalnego selektora dat przedstawiono w dokumentacji biblioteki interfejsu użytkownika JavaScript interfejsu użytkownika jQuery pod adresem: http://jqueryui.com/datepicker/