Główna » Kodowanie » Przydatne skrypty do wyboru kalendarza i daty dla programistów internetowych

    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]