Kuupäevaväli
Koguge kuupäevi täpselt ja kontrollitult. Alates kohtumiste broneerimisest kuni sünnikuupäevadeni paindliku vormindamise, kuupäevavahemiku piirangute ja nutika valideerimise abil – kuupäevaväli pakub natiivseid kalendrivalijaid võimsate juhtelementidega mineviku kuupäevade, tulevaste kuupäevade, nädalavahetuste ja kohandatud vahemike jaoks.
Professionaalne kuupäevade kogumine nutika valideerimisega
Ideaalne:
Võimsad funktsioonid igaks kasutusjuhtumiks
📅 Neli kuupäevavormingut
Valige piirkondlikud eelistused:
Esimene aasta: 31.12.2023 (ISO 8601)
Rahvusvaheline standardvorming. Parim andmebaaside, sortimise ja tehniliste rakenduste jaoks.
Kuu esimene: 31.12.2023 (USA stiil)
Ameerika vorming. USA kasutajatele on see kõige tuttavam kuu-päev-aasta järjestuses.
Esimene päev: 31.12.2023 (Suurbritannia stiilis)
Briti/Euroopa formaat päev-kuu-aasta järjekorras. Rahvusvaheliselt levinud.
Esimene päev kriipsudega: 31.12.2023
Alternatiivne Euroopa vorming, kus kaldkriipsude asemel kasutatakse kriipse.
Miks on vorming oluline:
Vastab kasutajate ootustele piirkonniti
Hoiab ära segadust ja vigu
Tagab järjepideva andmesalvestuse
Parandab vormide täitmise määra
Ekraani kohandamine:
Vorming mõjutab seda, kuidas kuupäevad kasutajatele kuvatakse, säilitades samal ajal sisemiselt standardse salvestusvormingu.
📏 Kuupäevavahemiku piirangud
Valitavate kuupäevade kontrollimine:
Esimene lubatud kuupäev (minimaalne):
Määrake varaseim kuupäev, mida kasutajad saavad valida. Sellest varasemad kuupäevad on kalendrivalijas keelatud.
Näited:
- Ürituse registreerimine: minimaalne kuupäev = ürituse väljakuulutamise kuupäev
- Broneeringud: Minimaalne kuupäev = täna (varasemaid broneeringuid pole)
- Ajaloolised andmed: Min kuupäev = ettevõtte asutamiskuupäev
- Projekti tähtajad: minimaalne kuupäev = projekti alguskuupäev
Viimane lubatud kuupäev (maksimaalne):
Määrake viimane kuupäev, mille kasutajad saavad valida. Sellest hilisemad kuupäevad on kalendrivalijas keelatud.
Näited:
- Varajane registreerimine: maksimaalne kuupäev = tähtaeg
- Piiratud saadavus: maksimaalne kuupäev = viimane saadaolev kuupäev
- Ajaloolised andmed: maksimaalne kuupäev = täna
- Konkreetne ajavahemik: maksimaalne kuupäev = kampaania lõpp
Kiirseadistuse nupud:
Määrake min/max kuupäevad tänaseks ühe klõpsuga või tühistage piirangud koheselt.
⏮️ Blokeeri varasemad kuupäevad
Eelmiste kuupäevade valimise takistamine:
Kõigi tänasest varasemate kuupäevade keelamiseks lubage valik „Blokeeri varasemad kuupäevad“. Kasutajad saavad valida ainult tänase või tulevased kuupäevad.
Ideaalne:
- Aja broneerimine (varasemaid aegu pole)
- Ürituste registreerimine (ainult eelseisvad üritused)
- Tarnekuupäeva valik (tulevased tarned)
- Broneerimissüsteemid (ettebroneeringud)
- Tähtajad (peavad olema tulevikus)
Nutikas käitumine:
Uuendub automaatselt iga päev – tänane kuupäev on alati kehtiv, eilne muutub inaktiveerituks. Kuupäeva käsitsi haldamist pole vaja.
Kombineerub teiste piirangutega:
Kasutage koos maksimaalse kuupäevaga tulevaste akende loomiseks (nt broneeringud tänasest kuni 30 päeva ette).
⏭️ Blokeeri tulevased kuupäevad
Vältige eelseisvate kuupäevade valimist:
Kõigi tänasest hilisemate kuupäevade keelamiseks lubage valik „Blokeeri tulevased kuupäevad“. Kasutajad saavad valida ainult tänase või varasemad kuupäevad.
Ideaalne:
- Sünnikuupäevade kogu (ei saa olla tulevikus)
- Ajalooliste sündmuste kuupäevad (ainult minevikus)
- Kogemuse alguskuupäevad (millal alustasite?)
- Valmimiskuupäevad (juba toimunud)
- Aastapäevad (varasemad sündmused)
Reaalses maailmas kasutamine:
Tagab kuupäevade loogilise sisestamise – sünnikuupäevad, töölevõtmise kuupäevad ja lõpetamise kuupäevad peavad olema minevikus.
Sisseehitatud valideerimine:
Brauser hoiab ära automaatselt sobimatud valikud. Segadusttekitavaid veateateid pole vaja.
📆 Keela nädalavahetused
Laupäeva ja pühapäeva valik:
Laupäevade ja pühapäevade keelamiseks kalendrivalijas lubage valik „Nädalavahetuse valik puudub“. Valida saab ainult nädalapäevi (esmaspäevast reedeni).
Ideaalne:
- Ärikohtumiste broneerimine
- Kontorisse kohaletoimetamise ajakava
- Konsultatsiooni kuupäeva valik
- Teenindusajad (ainult E-R)
- B2B-koosolekute ajakava
Nutikad interaktsioonid:
Kui kasutaja valib kuidagi nädalavahetuse (klaviatuuri abil), parandab süsteem automaatselt järgmise esmaspäeva peale. Sujuv kaitse.
Kombineerub teiste valikutega:
Töötab varasemate/tulevaste piirangutega – valida saab ainult lubatud vahemikus olevaid nädalapäevi.
🎯 Vaikimisi kuupäeva valikud
Eelvalitud alguskuupäevad:
Eelnevalt valitud kuupäeva pole (tühi):
Väli on algselt tühi. Kasutajad peavad kuupäeva aktiivselt valima. Sobib kõige paremini kuupäevade puhul, mis erinevad oluliselt.
Tänane kuupäev:
Vormi laadimisel täidetakse automaatselt praeguse kuupäevaga. Uueneb dünaamiliselt iga päev.
Kasutusjuhtumid:
- Väljad „Päringu kuupäev”
- Ajatempli vormid
- Praeguse kuupäeva dokumentatsioon
- Tänase päeva ajakava valikud
Homme kuupäev:
Täidetakse automaatselt homse kuupäevaga. Ideaalne järgmise päeva broneeringute jaoks.
Kasutusjuhtumid:
- Järgmise päeva kohaletoimetamise valik
- Homsete aja broneerimine
- Tulevaste sündmuste vaikesätted
- Järgmise päeva saadavus
Kohandatud konkreetne kuupäev:
Valige eelvalikuks ükskõik milline fikseeritud kuupäev. Suurepärane soovituslike kuupäevade või sündmusepõhiste vormide jaoks.
Kasutusjuhtumid:
- Soovitatav kohtumise kuupäev
- Sündmuse kuupäeva vaikesätted
- Tähtaja soovitused
- Eelnevalt täidetud avalduste kuupäevad
📱 Natiivne kalendrivalija
Brauserile optimeeritud kuupäeva valik:
Kasutab HTML5 natiivseid kuupäeva sisestusviise brauseri sisseehitatud kalendrivalijaga. Pakub tuttavat, platvormipõhist kogemust.
Platvormispetsiifiline välimus:
- iOS: ilus rattavalija
- Android: materiaalse disaini kalender
- Chrome'i töölaud: rippmenüüst kalender
- Töölaua Safari: kompaktne valija
- Kõik on oma platvormi jaoks optimeeritud
Eelised:
- JavaScripti teeki pole vaja
- Kohene laadimine
- Vaikimisi ligipääsetav
- Klaviatuuriga navigeeritav
- Puutetundlik
- Minimaalne failisuurus
Klõpsake ükskõik kus:
Kogu väli on kalendri avamiseks klõpsatav. Suur interaktsiooniala parandab kasutatavust.
✅ Nutikas kuupäeva valideerimine
Sisseehitatud valideerimiskihid:
Vormingu valideerimine:
Brauser tagab automaatselt õige kuupäevavormingu. Kasutajad ei saa sisestada sobimatuid kuupäevi, näiteks „2023-13-45”.
Vahemiku valideerimine:
Valija tasandil jõustatakse min/max kuupäevad. Sobimatud kuupäevad on keelatud – neid ei saa valida.
Loogika valideerimine:
Varasemate/tulevaste/nädalavahetuse piirangud rakendatakse automaatselt. Süsteem hoiab ära sobimatud valikud.
Tühjenda veateated:
Kui kasutajad mingil moel piirangutest mööda hiilivad, kuvatakse selged teated: „Kuupäev peab olema pärast 01.01.2024” või „Kuupäev peab olema enne 31.12.2024”.
🔀 Tingimuslik loogika
Dünaamilise kuupäevavälja nähtavus:
Kuva või peida kuupäevaväljad teiste vormiväärtuste põhjal. Kuva asjakohased kuupäevaväljad ainult vajadusel.
Täiustatud loogikareeglid:
- JA loogika – Kõik tingimused peavad olema täidetud
- VÕI loogika – iga tingimus võib toimingu käivitada
- 8 operaatorit – Võrdub, Pole võrdne, Suurem kui, Väiksem kui, Sisaldab, On tühi ja palju muud
Kasutusjuhtumid:
- Kuva „Eelistatud kuupäev” ainult siis, kui broneeringu tüüp on „Kohtumine”
- Kuva „Sündmuse kuupäev”, kui sündmuse tüübi väli pole tühi
- Kuva „Tarnekuupäev“, kui saatmisviis on „Planeeritud“
- Peida „Tagasisõidu kuupäev”, kui pileti tüüp on „Üheotsapilet”
🎯 Täiustatud kasutajakogemus
Sisseehitatud nutikad funktsioonid:
- Visuaalne kuupäeva kuvamine – valitud kuupäev kuvatakse loetavas vormingus
- Kalendriikoon – kuupäevavalija visuaalne indikaator
- Klaviatuuril navigeerimine – nooleklahvid kalendris navigeerimiseks
- Vahelehtede ligipääsetavus – täielik klaviatuuri tugi
- Puutetundlikele ekraanidele optimeeritud – suured puutetundlikud sihtmärgid mobiilis
- Automaatne parandus – sobimatud kuupäevad korrigeeritakse automaatselt lähima kehtiva kuupäevani
- Tänase päeva esiletõstmine – valijas on praegune kuupäev esile tõstetud
- Kiirvalik – kuupäeva klõpsates sulgub valija automaatselt
- Abiteksti tugi – lisage kuupäevavormingu näpunäiteid või juhiseid
- Nõutav valideerimine – kuupäeva valiku kohustuslikuks muutmine
- Kohandatud CSS-klassid – rakendage kohandatud stiili
- Ligipääsetavuse tugi – ARIA sildid, ekraanilugejaga ühilduv
Lihtne seadistamine 3 sammuga
Valmista oma kuupäevaväli minutitega ette
Lisa kuupäevaväli
Lohistage kuupäevaväli jaotisest Põhiväljad oma vormile.
Valige vorming ja vahemik
Valige kuupäevavorming (USA, Ühendkuningriik, ISO), määrake valikuliselt min/max kuupäeva piirid ja lubage vajadusel mineviku/tuleviku/nädalavahetuse blokeerimine.
Määra vaikekuupäev
Valige, kas väli algab tühjalt, täidetakse eelnevalt tänase, homse või teie määratud kohandatud kuupäevaga.
???? Ongi kõik! Teie kuupäevaväli on nutika valideerimise ja natiivsete valijatega valmis.
Reaalmaailma rakendused
Kohtumiste broneerimine
* Arstliku vastuvõtu kuupäevad
* Konsultatsiooni ajakava koostamine
* Teenuse aja valik
* Koosoleku kuupäeva kooskõlastamine
Ürituste registreerimine
* Ürituse osalemise kuupäevad
* Töötoa kuupäeva valik
* Konverentsi registreerimine
* Kursusele registreerimise kuupäevad
Tarne ja saatmine
* Eelistatud tarnekuupäevad
* Saatmiskuupäeva valik
* Pealevõtmise kuupäeva ajastamine
* Lähetuskuupäeva planeerimine
Business Applications
* Projekti tähtajad
* Ülesannete tähtajad
* Lepingu jõustumise kuupäevad
* Lepingu algus- ja lõppkuupäevad
Isiklik info
* Sünnikuupäevade kogumine
* Aastapäevad
* Tööle asumise kuupäev
* Hariduse lõpetamise kuupäevad
Reservatsioonid
* Hotelli saabumise kuupäevad
* Üürimise alguskuupäevad
* Broneeringu kinnituse kuupäevad
* Broneerimisperioodi valik
Täielikud väljavalikud
Põhikonfiguratsioon
- Välja silt – kuupäevavälja kohal kuvatav pealkiri
- Kirjeldus/abitekst – Lisajuhised kasutajatele
- Kohustuslik väli – kuupäeva valik on kohustuslik
- Kohatäide – ei kehti kohalike kuupäevavalijate puhul
Kuupäevavorming
- Kuupäevade kuvamine:
- Esimene aasta: 31.12.2023 (ISO 8601)
- Kuu esimene: 31.12.2023 (USA moodi)
- Esimene päev: 31.12.2023 (Suurbritannia stiilis)
- Esimene päev kriipsudega: 31.12.2023
Kuupäevavahemiku piirangud
- Esimene lubatud kuupäev – varaseim kuupäev, mille kasutajad saavad valida (piirangu puudumise korral jätke tühjaks)
- Viimane lubatud kuupäev – viimane kuupäev, mille kasutajad saavad valida (piirangu puudumise korral jätke tühjaks)
Kuupäeva blokeerimise valikud
- Blokeeri varasemad kuupäevad – takistab tänasest varasemate kuupäevade valimist
- Tulevaste kuupäevade blokeerimine – takistab tänasest hilisemate kuupäevade valimist
- Nädalavahetuse valik puudub – takistab laupäevade ja pühapäevade valimist
Alguskuupäeva valik:
- Eelvalitud kuupäeva pole (tühi) – väli algab tühjalt
- Tänane kuupäev – Praegune kuupäev on eeltäidetud
- Homne kuupäev – Järgmise päeva eeltäidetud
- Konkreetne kuupäev (teie valitud) – Kohandatud kuupäeva eeltäidetud
Kohandatud vaikekuupäev – valige oma alguskuupäev (kuvatakse, kui on valitud „Konkreetne kuupäev”)
Tingimuslik loogika
- Tingimusliku loogika lubamine – kuva/peida tingimuste alusel
- Loogika tüüp
- Kõik tingimused peavad olema täidetud (JA)
- Mistahes tingimus võib olla täidetud (VÕI)
- Tingimusreeglid
- Näita/Peida – toiming, mida teha
- Väli – millist välja kontrollida
- Operaator – Võrdub, Ei ole võrdne, Sisaldab, Suurem kui, Väiksem kui, On tühi, Ei ole tühi
- Väärtus – võrdlusväärtus
- Mitmed tingimused – lisage piiramatu arv reegleid
Advanced Options
- Peidetud väli – muuda väli nähtamatuks, aga lisa esildistesse kuupäev
- Kohandatud CSS-klassid – rakendage kohandatud stiili
- Ligipääsetavuse atribuudid – ARIA sildid ekraanilugejatele
Miks valida meie kuupäevaväli?
✅ Mitmed vormingud – USA, Ühendkuningriigi, ISO ja katkendlikud vormingud
✅ Kuupäevavahemiku kontroll – määrake min/max piirid täpselt
✅ Blokeeri varasemad kuupäevad – luba ainult tulevaste kuupäevade valikuid
✅ Blokeeri tulevased kuupäevad – luba ainult varasemate kuupäevade valikuid
✅ Keela nädalavahetused – ettevõtetele ainult tööpäevadel valik
✅ Nutikad vaikesätted – Eelnevalt täitke tänase, homse või kohandatud kuupäevaga
✅ Natiivsed valijad – brauserile optimeeritud kalendrid iga platvormi jaoks
✅ Automaatne valideerimine – Sobimatuid kuupäevi ei saa valida
✅ Täielikult integreeritud – töötab sujuvalt kõigi vormifunktsioonidega
Korduma kippuvad küsimused
K: Milliseid kuupäevavorminguid toetatakse?
Neli vormingut: ISO (31.12.2023), US (31.12.2023), UK (31.12.2023) ja Dashed (31.12.2023). Valige vorming, mis sobib teie sihtrühmaga kõige paremini.
K: Kuidas takistada kasutajatel möödunud kuupäevade valimist?
Luba valik „Blokeeri varasemad kuupäevad“. Kuupäevavalijas ei saa ühtegi kuupäeva enne tänast valida.
K: Kas ma saan kuupäevad kindla vahemikuga piirata?
Jah. Määrake valikute piiramiseks kindla ajavahemikuga „Esimene lubatud kuupäev” ja „Viimane lubatud kuupäev”.
K: Mida teeb „Keela nädalavahetused”?
See eemaldab laupäevad ja pühapäevad valimisvõimaluse hulgast. Saadaval on ainult esmaspäevast reedeni.
K: Kuidas vaikimisi kuupäevad toimivad?
Valige, kas väli algab tühjalt, kuvab tänast kuupäeva, homset kuupäeva või kohandatud kuupäeva. Tänane ja homne kuupäev kohanduvad automaatselt.
K: Kas kuupäevavalija näeb kõigis seadmetes ühtemoodi välja?
Ei. See kasutab iga seadme loomulikku kasutajaliidest – iOS-i ratasvalijaid, Androidi kalendreid, töölaua valijaid jne.
K: Kas ma saan sünnikuupäeva väljadel tulevasi kuupäevi blokeerida?
Jah. Lülitage sisse valik „Blokeeri tulevased kuupäevad”, et kasutajad saaksid valida kuupäevi ainult kuni tänase päevani (kaasa arvatud).
K: Kuidas min/max kuupäevad koos mineviku/tuleviku blokeerimisega toimivad?
Need kuhjuvad. Näiteks kui blokeerida varasemad kuupäevad ja määrata maksimaalselt 30 päeva ette kuupäeva, siis tulemuseks on vahemik tänasest kuni 30 päeva ette.
K: Kas kasutajad saavad kuupäevade valija asemel sisestada?
Mõned brauserid lubavad sisestada teksti valideerimisega. Teised sunnivad kuupäevavalijat kasutama. Kõik brauserid rakendavad korrektset vormindust.
K: Mis juhtub, kui kasutaja valib nädalavahetuse ajal, mil nädalavahetused on keelatud?
Süsteem kohandub automaatselt lähima kehtiva nädalapäevaga, tavaliselt järgmise esmaspäevaga.
K: Kas ma saan kuupäevaväljadega tingimusloogikat kasutada?
Jah. Teiste väljade nähtavuse kontrollimiseks kasutage võrdlusi nagu „Võrdub”, „On tühi”, „Ei ole tühi”, „Suurem kui” või „Väiksem kui”.
K: Kuidas ma saan tähtaja määrata?
Sisesta oma tähtaeg väljale „Viimane lubatud kuupäev“. Kasutajad ei saa valida hilisemaid kuupäevi. Kombineeri see valikuga „Blokeeri varasemad kuupäevad“, kui vajad ainult tulevikuks saadavust.
