Användbara kalender- och datumväljareskript för webbutvecklare
Kalendrar kan ses ofta på de flesta webbsidor idag, särskilt i bloggar och personliga webbplatser. När det gäller företags webbplatser eller e-handelswebbplatser används den till layoutmeddelanden, kommande evenemang, tävling och mycket mer. Vad gör en kalender nästan nödvändig? Det gör det möjligt för användarna att veta vad som är nytt, vad man kan förvänta sig på angivet datum och spåra äldre information på ett ögonblick.
Kalender på hotell-, bio- eller flygbolagens hemsida kräver användarens interaktion att boka rum och flygbiljetter. Att ha kalender på denna webbplats är nödvändig eftersom användarna behöver välja ett angivet datum för att göra bokning. Här spelar Date Picker sin roll som navigeringsmedium. Date Pickers som är en kalenderlayout tillåter användaren att navigera genom dagar, veckor eller år för att välja ett datum de önskar. Vissa datumplockare inkluderar även möjligheten att hoppa direkt till en viss dag genom att ange datumet för att göra det lättare för användarna.
I dagens inlägg visar vi dig några av de bästa kalender- och datumplockarskript som vi har kommit att veta. Hoppas att du hittar en som passar din efterfrågan. Hela listan efter hoppet!
iCal-liknande kalender
En fantastisk kalender som ser mycket ut som iPhone Kalender applikation och iCal. Det har smidiga animeringar och när du svävar över befintlig händelse kommer en verktygstips att dyka in med detaljerad information. [Demo] [Ladda ner]
MooTools DatePicker
Konfigurerbar Javascript Datepicker med smidiga animeringar. Fungerar för alla datumformat och det stöder också tidsplockning. Basic hud, Windows Vista hud, OSX Dashboard hud och Jquery UI hud. [Demo] [Ladda ner]
FullCalendar
Detta är Google-stil jQuery-plugin ger en fullstor, dra och släpp kalender. Den här kalendern är lätt konfigurerbar och den använder Ajax. [Demo] [Ladda ner]
jPint
JPint är webbaserad iPhone dev som ser lysande ut. Välj bara Kalender och du kommer att se samma kalender som på din iPhone. [Demo] [Ladda ner]
jCalendar
Dynamisk jQuery-kalender som kan användas med tre formulärval: en för dag, månad och år. Den här kalendern har inga animeringar. [Demo] [Ladda ner]
Datumväljare
Denna datumpicker är en enkel utseende datumpicker som är knuten till ett standardformulär inmatningsfält. Klicka bara på inmatningsfältet och använd sedan pilar för att ändra mellan månader. [Demo] [Ladda ner]
jQuery-veckokalendern
En annan Google-stil i full storlek, men det här jQuery-pluginet ger ett enkelt och flexibelt sätt att inkludera en veckokalender i din ansökan. [Demo] [Ladda ner]
jMonthCalendar
En fullstorad kalender som stöder händelser. Varje händelse kan svängas över och händelsen har en URL som länkar till en sida som visar mer information om klickat event. [Demo] [Ladda ner]
Datumväljare
En datepicker som har en fin stil och det är lätt att justera för att passa in i användarens webbapplikation. Det har också många funktioner, till exempel flera kalendrar i komponenten och det tillåter singel-, multipel- eller intervallval. Användaren kan markera datum som speciell, helger, speciella dagar etc. [Demo] [Ladda ner]
Enkel jQuery Date Picker
Pretty snygg datumpicker som fungerar på ett eller flera textinmatningselement och är enkelt utformat med CSS. Det är väldigt enkelt att använda denna datumpicker - välj bara ditt år och månad först och välj sedan en dag. [Demo] [Ladda ner]
Kalender
Detta är en Javascript-klass som samlar många datepickers. Dessa datumpickers innehåller alla funktioner som har varit mest användbara. Deras design är också väldigt snygg och snygg med släta animeringar. [Demo] [Ladda ner]
Vista-liknande Ajax Kalender Version 2
Vista-liknande ajax-kalender är en webbversion av den slanka och djupa Windows Vista-aktivitetsfältet. Om du älskar stilen i Windows Vista kommer du också att älska den här kalendern [Demo] [Download]
Yahoo! UI-bibliotek: Kalender
En enkel YUI-kalender som kan implementeras i din webbapplikation. Det har inte många alternativ, men om du bara behöver en datepicker behöver du inte mer. [Demo] [Ladda ner]
Diskret Date-Picker Widget
Denna vänliga datepicker är tillgänglig med tangentbordet, det kräver inga inbäddade JavaScript-block och använder inga popup-fönster. Du kan också helt ändra stilen med CSS. [DEMO] [Ladda ner]
Scal
En cool datepicker som har 6 olika stilar: Scal, Scal tinyscal, iScal, Dashblack, Googleblue och iPhonic. [Demo] [Ladda ner]
jQuery Interactive Date Range Picker
Mycket interaktiv komponent som är speciellt utformad för att välja datumintervall. Var uppmärksam på dessa smidiga och snygga animeringar. [Demo] [Ladda ner]
Grundläggande kalender
Prova denna kalender om du bara vill använda en grundläggande kalender i din webbapplikation. [Demo] [Ladda ner]
Enkel kalender
Det här är en enkel popupkalender som fungerar över webbläsare. Trots att det inte är det kulaste kalendern, är det fullt kommenterat och anpassningsbart för språk, färger och datumformat. [Demo] [Ladda ner]
Tigra kalender
Tigra är en kalender som fungerar över webbläsare. Det är en rullgardinsmeny som snabbt och enkelt datum inmatning förbättrar användarupplevelse. [Demo] [Ladda ner]
jQuery Datepicker
Snygg looking datepicker som enkelt kan läggas till som en popup till ett textfält eller inline i en division eller span. Det har jQuery stil animeringar för en fin look. [Demo] [Ladda ner]
jQuery Date Input
Date Input är ett datumpicker plugin för jQuery. [Demo] [Download]
DatePickerControl
En enkel datepicker som påminner Windows Calculator på grund av dess utseende. Du kan enkelt omforma ditt inmatningsfält till denna datumpicker. [Demo] [Ladda ner]
Jason Moons Fool-Proof Date Input Calendar Script
Mycket liten och samordnad kalender. Det tar inte mycket utrymme och det ser också bra ut. Du kan inte växla mellan år, men du kan växla mellan månader med hjälp av pilar. [Demo] [Ladda ner]
Kalenderskript
Ett enkelt kalenderskript med en bra funktionalitet. Detta är ett bra val om du vill ha en pålitlig och enkel kalender. [Demo] [Ladda ner]
Dhtmlx Kalender
En lättviktig JavaScript-kalender för webbläsare som är lätt att använda och fullt anpassningsbar. Det har också en fin stil som blandas med sin funktionalitet. [Demo] [Ladda ner]
Javascript Date Picker
Den här datumväljaren använder DOM-tekniker för att generera sin HTML-kod. Den stöder webbläsare, till exempel: Mozilla Firefox, Google Chrome, Safari, Internet Explorer 6+. [Demo] [Ladda ner]
Rich Calendar
Detta är Javascript-korsbibliotekskalender som implementerar lämplig funktionalitet med många avancerade alternativ. [Demo] [Ladda ner]
Datepicker] [Ladda ner]
Datumväljare
En enkel och snygg datumpicker som ser ut som en integrerad Windows-kalkylator. [Demo] [Ladda ner]