Przydatne skrypty do wyboru kalendarza i daty dla programistów internetowych
Kalendarze są często widoczne na większości stron internetowych, zwłaszcza na blogach i stronach osobistych. Jeśli chodzi o witryny korporacyjne lub witryny e-commerce, wykorzystuje się je w układach ogłoszeń, nadchodzących wydarzeniach, konkursach i wielu innych. Co sprawia, że kalendarz jest prawie niezbędny? Pozwala użytkownikom wiedzieć, co jest nowe, czego można się spodziewać w określonym dniu, i odszukać wszystkie stare informacje jednym spojrzeniem.
Kalendarz w witrynie hotelu, kina lub linii lotniczych wymaga interakcji użytkownika z rezerwacją pokoi i biletów lotniczych. Posiadanie kalendarza na tej stronie jest konieczne, ponieważ użytkownicy muszą wybrać określoną datę, aby dokonać rezerwacji. To tutaj Data Picker odgrywa swoją rolę jako medium nawigacyjne. Funkcja zbierania dat, która jest układem kalendarza, umożliwia użytkownikowi nawigację po dniach, tygodniach lub latach, aby wybrać żądaną datę. Niektórzy zbieracze dat zawierają również opcję bezpośredniego przejścia do określonego dnia, wprowadzając datę, aby ułatwić użytkownikom.
W dzisiejszym poście pokazujemy najlepsze skrypty kalendarzy i datowników, które poznaliśmy. Mam nadzieję, że znajdziesz taki, który odpowiada Twojemu zapotrzebowaniu. Pełna lista po skoku!
Kalendarz podobny do iCal
Wspaniały kalendarz, który wygląda bardzo podobnie do aplikacji Kalendarz na iPhone'a i iCal. Ma płynne animacje, a gdy najedziesz na istniejące zdarzenie, pojawi się podpowiedź ze szczegółowymi informacjami. [Demo] [Pobierz]
MooTools DatePicker
Konfigurowalny datepicker JavaScript z płynnymi animacjami. Działa dla dowolnego formatu daty, a także wspiera zbieranie czasu. Skórka podstawowa, skóra systemu Windows Vista, skóra OSX Dashboard i skóra Jquery UI. [Demo] [Pobierz]
FullCalendar
To wtyczka jQuery w stylu Google zapewnia pełnowymiarowy, przeciągnij i upuść kalendarz. Ten kalendarz jest łatwy do skonfigurowania i wykorzystuje Ajax. [Demo] [Pobierz]
jPint
JPint to oparty na przeglądarce internetowej iPhone dev, który wygląda genialnie. Po prostu wybierz Kalendarz, a zobaczysz ten sam kalendarz, co na swoim iPhonie. [Demo] [Pobierz]
jCalendar
Dynamiczny kalendarz jQuery, którego można używać z trzema formami wyboru: jeden dla dnia, miesiąca i roku. Ten kalendarz nie ma animacji. [Demo] [Pobierz]
Datepicker
Ten datepicker jest prostym wyglądem datepicker, który jest powiązany ze standardowym polem wprowadzania formularza. Po prostu kliknij pole wprowadzania, a następnie użyj strzałek, aby zmienić miesiąc. [Demo] [Pobierz]
Kalendarz tygodnia jQuery
Inny pełnowymiarowy kalendarz w stylu Google, ale ta wtyczka jQuery zapewnia prosty i elastyczny sposób umieszczania w aplikacji tygodniowego kalendarza. [Demo] [Pobierz]
jMonthCalendar
Pełnowymiarowy kalendarz obsługujący zdarzenia. Każde zdarzenie może być zawieszone, a zdarzenie ma adres URL, który prowadzi do strony, która pokazuje więcej szczegółów klikniętego zdarzenia. [Demo] [Pobierz]
Wybór daty
Datepicker o ładnym stylu i łatwym do dopasowania do aplikacji internetowej użytkownika. Posiada również wiele funkcji, takich jak wiele kalendarzy w komponencie i umożliwia wybór pojedynczego, wielokrotnego lub zakresu. Użytkownik może oznaczać daty jako specjalne, weekendy, dni specjalne itp. [Demo] [Pobierz]
Prosty selektor daty jQuery
Całkiem zgrabny datepicker, który działa na jednym lub więcej elementach wprowadzania tekstu i jest łatwy do stylizacji za pomocą CSS. Korzystanie z tego datepicker jest bardzo łatwe - wybierz najpierw swój rok i miesiąc, a następnie wybierz jeden dzień. [Demo] [Pobierz]
Kalendarz
Jest to klasa JavaScript, która jest kompilacją wielu datepickerów. Te datepickery zawierają wszystkie funkcje, które były najbardziej przydatne. Ich projekt jest również bardzo schludny i dobrze wygląda z płynnymi animacjami. [Demo] [Pobierz]
Vista-Ajax Kalendarz wersja 2
Kalendarz podobny do Vista to internetowa wersja zgrabnego i dogłębnego kalendarza paska zadań Windows Vista. Jeśli kochasz styl Windows Vista, pokochasz również ten kalendarz [Demo] [Pobierz]
Wieśniak! Biblioteka interfejsu użytkownika: Kalendarz
Prosty kalendarz YUI, który można zaimplementować w aplikacji internetowej. Nie ma wielu opcji, ale jeśli potrzebujesz tylko datepicker, nie potrzebujesz niczego więcej. [Demo] [Pobierz]
Dyskretny widżet wyboru daty
Ten przyjazny datepicker jest dostępny za pomocą klawiatury, nie wymaga osadzonych bloków JavaScript i nie używa okien wyskakujących. Możesz także w pełni zmodyfikować styl za pomocą CSS. [DEMO] [Pobierz]
Scal
Fajny datepicker, który ma 6 różnych stylów: Scal, Scal tinyscal, iScal, Dashblack, Googleblue i iPhonic. [Demo] [Pobierz]
jQuery Selektor zakresu interaktywnego zakresu dat
Bardzo interaktywny komponent, który jest specjalnie zaprojektowany do wybierania zakresów dat. Zwróć uwagę na te gładkie i dobrze wyglądające animacje. [Demo] [Pobierz]
Podstawowy kalendarz
Wypróbuj ten kalendarz, jeśli chcesz używać tylko podstawowego kalendarza w swojej aplikacji internetowej. [Demo] [Pobierz]
Prosty kalendarz
Jest to prosty wyskakujący kalendarz, który działa we wszystkich przeglądarkach. Mimo, że nie jest to najładniejszy kalendarz, jest w pełni komentowany i dostosowywany do języka, kolorów i formatu daty. [Demo] [Pobierz]
Kalendarz Tigra
Tigra to kalendarz, który działa w różnych przeglądarkach. Jest to rozwijany kalendarz, w którym szybkie i proste wprowadzanie dat poprawia wrażenia użytkownika. [Demo] [Pobierz]
jQuery Datepicker
Zgrabnie wyglądający datepicker, który można łatwo dodać jako wyskakujące okienko do pola tekstowego lub w linii podziału lub zakresu. Ma animacje w stylu jQuery, aby wyglądać ładnie. [Demo] [Pobierz]
jQuery Date Input
Data wejścia to wtyczka datepicker dla jQuery. [Demo] [Pobierz]
DatePickerControl
Prosty datepicker przypominający kalkulator systemu Windows z powodu jego wyglądu. Możesz łatwo przekształcić swoje pole wejściowe w ten datepicker. [Demo] [Pobierz]
Jason Moon's Fool-Proof Date Input Calendar Script
Bardzo mały i skoordynowany kalendarz. Nie zajmuje dużo miejsca i wygląda dobrze. Nie możesz przełączać się między latami, ale możesz przełączać się między miesiącami za pomocą strzałek. [Demo] [Pobierz]
Skrypt kalendarza
Prosty skrypt kalendarza z dobrą funkcjonalnością. To dobry wybór, jeśli chcesz mieć niezawodny i prosty kalendarz. [Demo] [Pobierz]
Kalendarz Dhtmlx
Lekki kalendarz JavaScript obsługujący wiele przeglądarek, który jest łatwy w użyciu i w pełni konfigurowalny. Ma też ładny styl, który miesza się z jego funkcjonalnością. [Demo] [Pobierz]
Wybór daty JavaScript
Ten selektor daty używa technik DOM do generowania kodu HTML. Obsługuje przeglądarki, takie jak: Mozilla Firefox, Google Chrome, Safari, Internet Explorer 6+. [Demo] [Pobierz]
Bogaty kalendarz
Jest to kalendarz przeglądarkowy JavaScript, który implementuje odpowiednią funkcjonalność z wieloma zaawansowanymi opcjami. [Demo] [Pobierz]
Datepicker] [Pobierz]
Datepicker
Prosty i dobrze wyglądający datepicker, który wygląda jak zintegrowany kalkulator Windows. [Demo] [Pobierz]