Coraz więcej stron w sieci korzysta z kalendarzy online. Część z nich jest prostą wtyczką, umożliwiającą wybranie daty z graficznego UI, zwiększając w ten sposób usability strony. Inne z kolei są pełnymi kalendarzami, wielokrotnie pełniące funkcję odrębnych aplikacji webowych.

W dalszej części artykułu zostanie przedstawionych moim zdaniem 5 najlepszych pluginów do JQuery, realizujących kalendarze webowe.

1. JQuery FullCalendar

Kalendarz FullCalendar jest złożonym, a jednocześnie prostym w użyciu pluginem do JQuery, który oferuje szeroką gamę zastosowań. Do najważniejszych funkcji kalendarza należą:

• działanie na zasadzie drag-and-drop (przeciągnij i upuść)
• możliwość integracji z Google Calendar
• możliwość obsługi zdarzeń poprzez JSON
• możliwość osadzenia w pełnym rozmiarze

Dodatkowo kalendarz umożliwia łatwą zmianę styli całości pluginu JQuery, a ponadto istnieje możliwość własnego dostosowania zdarzeń kalendarza JQuery (np. zdarzenie kliknięcia lub przeciągnięcia elementu w kalendarzu).

2. JQuery iCal-like Calendar

Gotowy plugin do JQuery połączony z tutorialem, wyjaśniającym jak został on zaimplementowany. W działaniu wykorzystuje JQuery oraz CSS, w rezultacie otrzymując kalendarz utrzymany w stylu aplikacji na iPhona. Dodatkowo została w nim zaimplementowana obsługa zdarzeń, wywołując pop-up podobny do Coda popup

3. jQuery UI Datepicker

Plugin jQuery UI Datepicker pozwala na osadzenie na stronie kalendarza umożliwiającego pobranie daty (date-picker). Kalendarz można w bardzo dużym stopniu modyfikować:

• zmienić format daty wykorzystywany w kalendarzu JQuery
• zmienić język obsługiwany przez kalendarz JQuery
• w prosty sposób modyfikować zakres dat oraz ogólny wygląd pluginu

4. JQuery Date Picker

Plugin ten, napisany z wykorzystaniem biblioteki JQuery, obecnie znajduje się pod licencją MIT i GPL. Faktem dla którego plugin ten jest warty uwagi, to możliwość dodawania wielu kalendarzy do jednego komponentu. Dodatkowo zyskujemy możliwość zaznaczenia dni specjalnych, a także bardzo dużą swobodę zmiany niemalże każdego elementy poprzez szablony stylów CSS. Większość opcji jest konfigurowalna poprzez zagnieżdżone opcje pluginu.

5. jQuery Week Calendar

jQuery Week Calendar to bardzo potężne narzędzie, które w swojej pełnej formie mniej przypomina plugin JQuery, a bardziej samodzielną aplikację. Zdarzenia mogą być obsługiwanie zarówno w formie tablic, jak i w formacie JSON. Dodatkowo plugin udostępnia szeroką gamę obsługi zdarzeń (dla przykładu: drag, drop, resize, mouseover, click). Wszystkie dostępne opcje są doskonale opisane na stronie twórców.

Zapisz się na RSS by dowiadywać się o nowościach w serwisie!