Kalender sind heute auf den meisten Webseiten häufig zu sehen, insbesondere in Blogs und persönlichen Websites. Wie für Corporate Websites oder E-Commerce-Websites, ist es möglich, Layout Ankündigungen, kommende Veranstaltungen, Wettbewerb und vieles mehr.

Was macht einen Kalender fast unverzichtbar? Es ermöglicht Benutzern, auf einen Blick zu wissen, was neu ist, was am angegebenen Datum zu erwarten ist, und ältere Informationen zurückzuverfolgen.

Kalender im Hotel, Kino oder Fluggesellschaften Website erfordert Interaktion des Benutzers Zimmer und Flugtickets zu reservieren. Der Kalender auf dieser Website ist erforderlich, da Benutzer ein bestimmtes Datum auswählen müssen, um eine Reservierung vorzunehmen. Hier spielt die Datumsauswahl ihre Rolle als Navigationsmedium.

Datumsauswahl, ein Kalenderlayout, mit dem Benutzer durch Tage, Wochen oder Jahre navigieren können, um ein gewünschtes Datum auszuwählen. Einige Datumsauswahl enthalten auch die Möglichkeit, direkt zu einem bestimmten Tag zu springen, indem Sie das Datum eingeben, um die Benutzer bequem.

Im heutigen Beitrag zeigen wir Ihnen einige der besten Kalender- und Datumsauswahlskripte, die wir kennengelernt haben. Ich hoffe, Sie finden eine, die Ihren Anforderungen entspricht. Vollständige Liste nach dem Sprung!

10 CSS- und JavaScript-Linting-Tools für die Codeoptimierung

10 CSS- und JavaScript-Linting-Tools für die Codeoptimierung

Anmerkung der Redaktion: Dieser Artikel ist Teil unserer Reihe zur Codeoptimierung, in der wir uns ansehen, wie…Weiterlesen

iCal-ähnlicher Kalender

Ein atemberaubender Kalender, der der iPhone-Kalenderanwendung und iCal sehr ähnlich sieht. Es hat glatte Animationen und wenn Sie den Mauszeiger über ein vorhandenes Ereignis bewegen, wird ein Tooltip mit detaillierten Informationen eingeblendet.

FullCalendar

Dies ist Google-Stil jQuery-Plugin bietet eine Full-Size, Drag & Drop-Kalender. Dieser Kalender ist einfach konfigurierbar und verwendet Ajax.

jPint

JPint ist ein webbasierter iPhone-Entwickler, der brillant aussieht. Wählen Sie einfach Kalender und Sie sehen den gleichen Kalender wie auf Ihrem iPhone.

jCalendar

Dynamischer jQuery-Kalender, der mit drei Formularauswahlen verwendet werden kann: eine für Tag, Monat und Jahr. Dieser Kalender hat keine Animationen.

Datepicker

Dieser Datepicker ist ein einfach aussehender Datepicker, der an ein Standardformular-Eingabefeld gebunden ist. Klicken Sie einfach auf das Eingabefeld und verwenden Sie dann die Pfeile, um zwischen den Monaten zu wechseln.

jQuery Week Calendar

Ein weiterer Kalender im Google-Stil in voller Größe, aber dieses jQuery-Plugin bietet eine einfache und flexible Möglichkeit, einen Wochenkalender in Ihre Anwendung aufzunehmen.

jMonthCalendar

Ein Kalender in voller Größe, der Ereignisse unterstützt. Jedes Ereignis kann mit der Maus verschoben werden und das Ereignis verfügt über eine URL, die auf eine Seite verweist, auf der weitere Details des angeklickten Ereignisses angezeigt werden.

Date Picker

Ein Datepicker, der einen schönen Stil hat und einfach in die Webanwendung des Benutzers passt. Es verfügt auch über viele Funktionen, z. B. mehrere Kalender in der Komponente, und ermöglicht die Auswahl von Einzel-, Mehrfachkalendern oder Bereichen. Der Benutzer kann Daten als besondere, Wochenenden, besondere Tage usw. markieren.

Basiskalender

Probieren Sie diesen Kalender aus, wenn Sie nur einen Basiskalender in Ihrer Webanwendung verwenden möchten.

Tigra calendar

Tigra ist ein browserübergreifender Kalender. Es ist ein Dropdown-Kalender, der schnelle und einfache Datumseingabe Benutzererfahrung verbessert.

jQuery Datepicker

Ordentlich aussehender Datepicker, der einfach als Popup zu einem Textfeld oder inline in einer Division oder Spanne hinzugefügt werden kann. Es hat Animationen im jQuery-Stil für einen schönen Look.

Kalenderskript

Ein einfaches Kalenderskript mit einer guten Funktionalität. Dies ist eine gute Wahl, wenn Sie einen zuverlässigen und einfachen Kalender wünschen.

Dhtmlx-Kalender

Ein leichter browserübergreifender JavaScript-Kalender, der einfach zu bedienen und vollständig anpassbar ist. Es hat auch einen schönen Stil, der mit seiner Funktionalität vermischt wird.

Javascript Datumsauswahl

Diese Datumsauswahl verwendet DOM-Techniken, um ihren HTML-Code zu generieren. Es unterstützt Browser wie: Mozilla Firefox, Google Chrome, Safari, Internet Explorer 6+.