Hemsida » Kodning » Användbara kalender- och datumväljareskript för webbutvecklare

    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]