Handige kalender- en datumkiezerscripts voor webontwikkelaars

Kalenders zijn tegenwoordig vaak te zien op de meeste webpagina's, vooral in blogs en persoonlijke websites. Wat betreft bedrijfssites of e-commercesites, wordt het gebruikt om aankondigingen, aankomende evenementen, wedstrijden en nog veel meer in te delen. Wat maakt een kalender bijna essentieel? Het stelt gebruikers in staat om te weten wat nieuw is, wat te verwachten is op een bepaalde datum en oudere informatie te volgen in één oogopslag.

Agenda op de website van hotel, bioscoop of luchtvaartmaatschappijen vereist interactie van de gebruiker om kamers en vliegtickets te reserveren. Het hebben van een kalender op deze website is noodzakelijk omdat gebruikers een specifieke datum moeten kiezen om te reserveren. Dit is waar Date Picker zijn rol als navigatiemedium speelt. Date Pickers, een kalenderlayout, stelt de gebruiker in staat om door dagen, week of jaar te navigeren en een door hen gewenste datum te kiezen. Sommige datumkiezers hebben ook de mogelijkheid om direct naar een specifieke dag te gaan door de datum in te voeren zodat gebruikers het gemakkelijk vinden.

In het bericht van vandaag laten we u enkele van de beste agenda- en datumkiezersscripts zien die we hebben leren kennen. Ik hoop dat je er een vindt die bij je vraag past. Volledige lijst na de sprong!

iCal-achtige agenda

Een verbluffende kalender die erg lijkt op de iPhone Calendar-applicatie en iCal. Het heeft vloeiende animaties en wanneer u zweeft over een bestaande gebeurtenis, vervaagt een tooltip met gedetailleerde informatie. [Demo] [Downloaden]

MooTools DatePicker

Configureerbare JavaScript-datepicker met vloeiende animaties. Werkt voor elk datumnotatie en ondersteunt ook het tijdspicken. Standaard skin, Windows Vista skin, OSX Dashboard skin en JQuery UI skin. [Demo] [Downloaden]

fullcalendar

Deze jQuery-invoegtoepassing in Google-stijl biedt een kalender voor slepen en neerzetten op ware grootte. Deze kalender is eenvoudig te configureren en gebruikt Ajax. [Demo] [Downloaden]

jPint

JPint is een webgebaseerde iPhone-dev die er schitterend uitziet. Kies gewoon Agenda en je ziet dezelfde kalender als op je iPhone. [Demo] [Downloaden]

JCalendar

Dynamische jQuery-agenda die kan worden gebruikt met drie formulierkeuzes: één voor dag, maand en jaar. Deze agenda heeft geen animaties. [Demo] [Downloaden]

Datumkiezer

Deze datepicker is een eenvoudig ogende datepicker die is gekoppeld aan een standaard invoerveld. Klik eenvoudig op het invoerveld en gebruik vervolgens pijlen om te wisselen tussen maanden. [Demo] [Downloaden]

jQuery-weekkalender

Een andere kalender in Google-stijl op ware grootte, maar deze plug-in voor jQuery biedt een eenvoudige en flexibele manier om een ​​wekelijkse kalender in uw toepassing op te nemen. [Demo] [Downloaden]

jMonthCalendar

Een kalender op ware grootte die evenementen ondersteunt. Elke gebeurtenis kan worden omgegooid en de gebeurtenis heeft een URL die linkt naar een pagina met meer details over de gebeurtenis waarop is geklikt. [Demo] [Downloaden]

Datumkiezer

Een datepicker die een mooie stijl heeft en gemakkelijk kan worden aangepast om in de webtoepassing van de gebruiker te passen. Het heeft ook veel functies, zoals meerdere kalenders in de component en het maakt single-, multiple- of range-selectie mogelijk. Gebruiker kan datums markeren als special, weekends, speciale dagen, etc. [Demo] [Downloaden]

Eenvoudige jQuery-datumkiezer

Mooie nette datepicker die op een of meer tekstinvoerelementen werkt en gemakkelijk is opgemaakt met CSS. Het is heel gemakkelijk om deze datepicker te gebruiken - kies eerst uw jaar en maand en kies daarna een dag uit. [Demo] [Downloaden]

Kalender

Dit is een Javascript-klasse die een compilatie is van veel datepickers. Deze datepickers bevatten alle functies die het meest nuttig zijn geweest. Hun ontwerp is ook erg netjes en ziet er goed uit met vloeiende animaties. [Demo] [Downloaden]

Vista-achtige Ajax-agendaversie 2

Vista-achtige ajax-kalender is een webversie van de gladde en diepgravende taakbalkkalender van Windows Vista. Als je houdt van de stijl van Windows Vista zul je ook van deze kalender houden [Demo] [Downloaden]

Yahoo! UI-bibliotheek: agenda

Een eenvoudige YUI-kalender die kan worden geïmplementeerd in uw webtoepassing. Het heeft niet veel opties, maar als je alleen een datepicker nodig hebt, dan heb je niets meer nodig. [Demo] [Downloaden]

Onopvallende Date-Picker Widget

Deze gebruiksvriendelijke datepicker is toegankelijk via het toetsenbord, vereist geen ingesloten JavaScript-blokken en gebruikt geen pop-upvensters. Je kunt de stijl ook volledig aanpassen met CSS. [DEMO] [Downloaden]

Scal

Een coole datepicker met 6 verschillende stijlen: Scal, Scal tinyscal, iScal, Dashblack, Googleblue en iPhonic. [Demo] [Downloaden]

jQuery Interactieve datumbereikkiezer

Zeer interactieve component die specifiek is ontworpen voor het kiezen van datumbereiken. Besteed aandacht aan die vloeiende en goed uitziende animaties. [Demo] [Downloaden]

Basis kalender

Probeer deze agenda als u alleen een basiskalender in uw webtoepassing wilt gebruiken. [Demo] [Downloaden]

Eenvoudige kalender

Dit is een eenvoudige pop-upkalender die in verschillende browsers werkt. Ondanks het feit dat het niet de pretiest kalender is, is het volledig becommentarieerd en aanpasbaar voor taal, kleuren en datumnotatie. [Demo] [Downloaden]

Tigra-kalender

Tigra is een kalender die in verschillende browsers werkt. Het is een drop-down kalender die snelle en eenvoudige data-invoer de gebruikerservaring verbetert. [Demo] [Downloaden]

jQuery Datepicker

Nette uitziende datepicker die eenvoudig kan worden toegevoegd als een popup naar een tekstveld of inline in een divisie of reeks. Het heeft jQuery-stijlanimaties voor een mooie uitstraling. [Demo] [Downloaden]

jQuery-datuminvoer

Datuminvoer is een datepicker-plug-in voor jQuery. [Demo] [Downloaden]

DatePickerControl

Een eenvoudige datepicker die Windows Calculator doet denken aan zijn uiterlijk. U kunt uw invoerveld gemakkelijk omzetten in deze datepicker. [Demo] [Downloaden]

Jason Moon's Fool-Proof Date Input Calendar Script

Zeer kleine en gecoördineerde kalender. Het neemt niet veel ruimte in beslag en het ziet er ook goed uit. Je kunt niet wisselen tussen jaren, maar je kunt wel tussen maanden wisselen door pijlen te gebruiken. [Demo] [Downloaden]

Calendar Script

Een eenvoudig kalenderscript met een goede functionaliteit. Dit is een goede keuze als u een betrouwbare en eenvoudige kalender wilt. [Demo] [Downloaden]

Dhtmlx kalender

Een lichtgewicht JavaScript-kalender voor meerdere browsers die gemakkelijk te gebruiken en volledig aanpasbaar is. Het heeft ook een mooie stijl die wordt vermengd met zijn functionaliteit. [Demo] [Downloaden]

JavaScript-datumkiezer

Deze datumkiezer gebruikt DOM-technieken om de HTML-code te genereren. Het ondersteunt browsers, zoals: Mozilla Firefox, Google Chrome, Safari, Internet Explorer 6+. [Demo] [Downloaden]

Rich Calendar

Dit is een Javascript cross-browser-agenda die de juiste functionaliteit implementeert met veel geavanceerde opties. [Demo] [Downloaden]

Datepicker] [Downloaden]

Datumkiezer

Een eenvoudige en goed uitziende datepicker die eruit ziet als een geïntegreerde Windows-rekenmachine. [Demo] [Downloaden]