Datos laukas
Tiksliai ir kontroliuojamai rinkite datas. Nuo susitikimų rezervacijų iki gimimo datų su lanksčiu formatavimu, datos intervalo apribojimais ir išmaniuoju patvirtinimu – datos laukas suteikia vietinius kalendoriaus parinkiklius su galingais praeities datų, būsimų datų, savaitgalių ir pasirinktinių intervalų valdikliais.
Profesionalus duomenų rinkimas su išmaniuoju patvirtinimu
Apie tinkamumą ir panaudojimą:
Galingos funkcijos kiekvienam atvejui
📅 Keturi datos formatai
Pasirinkite regionines nuostatas:
Pirmieji metai: 2023-12-31 (ISO 8601)
Tarptautinis standartinis formatas. Geriausiai tinka duomenų bazėms, rūšiavimui ir techninėms reikmėms.
Pirmas mėnuo: 2023-12-31 (JAV stilius)
Amerikietiškas formatas. Labiausiai žinomas JAV vartotojams, kai formatas yra mėnuo-diena-metai.
Pirmoji diena: 2023-12-31 (JK stiliumi)
Britų / europietiškasis formatas su dienos-mėnuo-metų tvarka. Įprastas tarptautiniu mastu.
Pirmoji diena su brūkšneliais: 2023-12-31
Alternatyvus europietiškas formatas, kuriame vietoj įstrižųjų brūkšnių naudojami brūkšneliai.
Kodėl svarbus formatas:
Atitinka naudotojų lūkesčius pagal regioną
Užkerta kelią painiavai ir klaidoms
Užtikrina nuoseklų duomenų saugojimą
Pagerina formų užpildymo rodiklius
Ekrano tinkinimas:
Formatas turi įtakos tam, kaip datos rodomos vartotojams, tuo pačiu išlaikant standartinį saugojimo formatą viduje.
📏 Datų intervalo apribojimai
Valdykite pasirenkamas datas:
Pirmoji leidžiama data (minimali):
Nustatykite anksčiausią datą, kurią vartotojai gali pasirinkti. Ankstesnės datos kalendoriaus parinkiklyje yra išjungtos.
Pavyzdžiai:
- Renginio registracija: Min. data = renginio paskelbimo data
- Susitikimai: Minimali data = šiandien (ankstesnių rezervacijų nėra)
- Istoriniai duomenys: Min. data = įmonės įkūrimo data
- Projekto terminai: Min. data = projekto pradžios data
Paskutinė leidžiama data (daugiausia):
Nustatykite vėliausią datą, kurią gali pasirinkti vartotojai. Vėlesnės datos kalendoriaus parinkiklyje yra išjungtos.
Pavyzdžiai:
- Ankstyva registracija: maksimali data = galutinis terminas
- Ribotas prieinamumas: Maksimali data = paskutinė galima data
- Istoriniai įrašai: Maksimali data = šiandien
- Konkretus laikotarpis: maksimali data = akcijos pabaiga
Greito nustatymo mygtukai:
Vienu spustelėjimu nustatykite minimalias/maksimalias datas iki šiandienos arba akimirksniu panaikinkite apribojimus.
⏮️ Blokuoti praeities datas
Neleisti pasirinkti ankstesnių datų:
Įjunkite „Blokuoti praeities datas“, kad išjungtumėte visas datas iki šiandienos. Vartotojai gali pasirinkti tik šiandienos arba būsimas datas.
Puikiai tinka:
- Registracija vizitams (ankstesnių vizitų nėra)
- Renginio registracija (tik būsimiems renginiams)
- Pristatymo datos pasirinkimas (būsimi pristatymai)
- Rezervavimo sistemos (išankstinės rezervacijos)
- Terminai (turi būti ateityje)
Protingas elgesys:
Automatiškai atnaujinama kasdien – šiandienos data visada galioja, vakarykštė tampa išjungta. Datos nereikia tvarkyti rankiniu būdu.
Derinama su kitais apribojimais:
Naudokite su maksimalia data, kad sukurtumėte ateities langus (pvz., rezervacijas nuo šiandien iki 30 dienų po jos).
⏭️ Blokuoti būsimas datas
Neleiskite pasirinkti artėjančių datų:
Įjunkite „Blokuoti būsimas datas“, kad išjungtumėte visas datas po šiandienos. Vartotojai gali pasirinkti tik šiandienos arba praeities datas.
Puikiai tinka:
- Gimimo datos rinkinys (negali būti ateities data)
- Istorinių įvykių datos (tik praeities)
- Patirties pradžios datos (kada pradėjote?)
- Užbaigimo datos (jau įvyko)
- Sukakčių datos (praėję įvykiai)
Naudojimas realiame pasaulyje:
Užtikrina logišką datos įvedimą – gimimo datos, įdarbinimo datos, baigimo datos turi būti praeityje.
Integruotas patvirtinimas:
Naršyklė automatiškai apsaugo nuo neteisingų pasirinkimų. Nereikia jokių painių klaidų pranešimų.
📆 Išjungti savaitgalius
Šeštadienio ir sekmadienio pasirinkimas:
Įjunkite „Savaitgalio pasirinkimo nėra“, kad kalendoriaus parinkiklyje būtų išjungti šeštadieniai ir sekmadieniai. Galima pasirinkti tik savaitės dienas (pirmadienį–penktadienį).
Puikiai tinka:
- Verslo susitikimų rezervavimas
- Biuro pristatymo planavimas
- Konsultacijos datos pasirinkimas
- Aptarnavimo laikas (tik pirmadieniais–penktadieniais)
- B2B susitikimų planavimas
Išmaniosios sąveikos:
Jei vartotojas kažkaip (klaviatūra) pasirenka savaitgalį, sistema automatiškai taiso į kitą pirmadienį. Sklandi apsauga.
Derinama su kitomis parinktimis:
Veikia su praeities / ateities apribojimais – galima pasirinkti tik tas savaitės dienas, kurios yra leistiname diapazone.
🎯 Numatytosios datos parinktys
Iš anksto pasirinkite pradžios datas:
Be iš anksto pasirinktos datos (tuščia):
Laukas prasideda tuščias. Vartotojai turi aktyviai pasirinkti datą. Geriausia datoms, kurios labai skiriasi.
Šios dienos data:
Automatiškai užpildoma dabartine data, kai forma įkeliama. Atnaujinama dinamiškai kiekvieną dieną.
Naudojimo atvejai:
- Laukai „Užklausos data“
- Laiko žymų formos
- Dabartinės datos dokumentacija
- Šiandienos tvarkaraščio pasirinkimai
Rytojaus data:
Automatiškai užpildoma rytojaus data. Puikiai tinka užsakymams kitą dieną.
Naudojimo atvejai:
- Kitą dieną pristatymo pasirinkimas
- Rytojaus susitikimų rezervacijos
- Būsimų įvykių numatytieji nustatymai
- Prieinamumas kitą dieną
Pasirinktinė konkreti data:
Pasirinkite bet kurią fiksuotą datą iš anksto. Puikiai tinka siūlomoms datoms arba konkretiems renginiams.
Naudojimo atvejai:
- Rekomenduojama susitikimo data
- Numatytieji įvykio datos nustatymai
- Pasiūlymai dėl terminų
- Iš anksto užpildytų paraiškų datos
📱 Gimtoji kalendoriaus parinkimo priemonė
Naršyklei optimizuotas datos pasirinkimas:
Naudoja HTML5 gimtąją datos įvestį su naršyklės integruotu kalendoriaus parinkikliu. Suteikia pažįstamą, platformai būdingą patirtį.
Platformai būdinga išvaizda:
- iOS: gražus ratuko parinkiklis
- „Android“: medžiagų dizaino kalendorius
- „Chrome“ darbalaukio versija: išskleidžiamasis kalendorius
- „Desktop Safari“: kompaktiškas rinkiklis
- Visi optimizuoti jų platformai
Privalumai:
- Nereikia JavaScript bibliotekos
- Momentinis pakrovimas
- Pasiekiama pagal numatytuosius nustatymus
- Klaviatūra naršoma
- Optimizuotas lietimui
- Minimalus failo dydis
Spustelėkite bet kur:
Visas laukas atidaromas spustelėjus. Didelė sąveikos sritis pagerina naudojimo paprastumą.
✅ Išmanusis datos patvirtinimas
Integruoti patvirtinimo sluoksniai:
Formato patvirtinimas:
Naršyklė automatiškai užtikrina tinkamą datos formatą. Vartotojai negali įvesti neteisingų datų, pvz., „2023-13-45“.
Diapazono patvirtinimas:
Min./max. datos taikomos rinkiklio lygmenyje. Neteisingos datos yra išjungtos – jų negalima pasirinkti.
Loginis patvirtinimas:
Praeities / ateities / savaitgalio apribojimai taikomi automatiškai. Sistema neleidžia atlikti neteisingų pasirinkimų.
Išvalyti klaidų pranešimus:
Jei vartotojai kažkaip apeina apribojimus, pateikiami aiškūs pranešimai: „Data turi būti po 2024-01-01“ arba „Data turi būti prieš 2024-12-31“.
🔀 Sąlyginė logika
Dinaminio datos lauko matomumas:
Rodyti arba slėpti datos laukus pagal kitas formos reikšmes. Rodyti atitinkamus datos laukus tik tada, kai reikia.
Išplėstinės logikos taisyklės:
- IR logika – turi būti įvykdytos visos sąlygos
- ARBA logika – bet kokia sąlyga gali sukelti veiksmą
- 8 operatoriai – lygu, ne lygu, didesnis nei, mažesnis nei, yra, tuščias ir kt.
Naudojimo atvejai:
- Rodyti „Pageidaujamą datą“ tik tada, kai rezervacijos tipas yra „Susitikimas“
- Rodyti „Įvykio datą“, kai įvykio tipo laukas nėra tuščias
- Rodyti „Pristatymo datą“, kai pristatymo būdas yra „Suplanuotas“
- Slėpti „Grįžimo datą“, kai bilieto tipas yra „Vienpusis“
🎯 Patobulinta naudotojo patirtis
Integruotos išmaniosios funkcijos:
- Vizualinis datos rodymas – pasirinkta data rodoma įskaitomu formatu
- Kalendoriaus piktograma – datos parinkiklio vaizdinis indikatorius
- Klaviatūros naršymas – rodyklių klavišai naršo kalendorių
- Skirtukų pritaikymas neįgaliesiems – visiškas klaviatūros palaikymas
- Optimizuotas lietimui – dideli lietimui jautrūs elementai mobiliuosiuose įrenginiuose
- Automatinis taisymas – neteisingos datos automatiškai koreguojamos iki artimiausios galiojančios datos
- Šiandienos paryškinimas – rinkiklyje paryškinta dabartinė data
- Greitas pasirinkimas – spustelėkite datą, rinkiklis užsidaro automatiškai
- Pagalbos teksto palaikymas – pridėkite datos formato užuominų ar instrukcijų
- Privalomas patvirtinimas – datos pasirinkimas turi būti privalomas
- Pasirinktinės CSS klasės – pritaikykite pasirinktinį stilių
- Prieinamumo palaikymas – suderinamas su ARIA etiketėmis, ekrano skaitytuvu
Paprastas nustatymas 3 žingsniais
Paruoškite datos lauką per kelias minutes
Pridėti datos lauką
Nuvilkite datos lauką iš pagrindinių laukų skyriaus į savo formą.
Pasirinkite formatą ir diapazoną
Pasirinkite datos formatą (JAV, JK, ISO), pasirinktinai nustatykite minimalias/maksimalias datos ribas ir, jei reikia, įjunkite praeities/būsimo/savaitgalio datų blokavimą.
Nustatyti numatytąją datą
Pasirinkite, ar laukas pradedamas tuščias, ar iš anksto užpildomas šiandiena, rytoj arba jūsų nurodyta pasirinktine data.
🎉 Štai ir viskas! Jūsų datos laukas paruoštas su išmaniuoju patvirtinimu ir vietiniais parinkikliais.
Realaus pasaulio programos
Paskyrimo rezervavimas
* Medicininių vizitų datos
* Konsultacijų planavimas
* Paslaugų teikimo laiko pasirinkimas
* Susitikimo datos derinimas
Renginių registracija
* Renginio lankymo datos
* Seminaro datos pasirinkimas
* Registracija į konferenciją
* Užsiėmimo datos
Pristatymas ir pristatymas
* Pageidaujamos pristatymo datos
* Pristatymo datos pasirinkimas
* Atsiėmimo datos planavimas
* Išsiuntimo datos planavimas
Verslo programos
* Projekto terminai
* Užduočių atlikimo datos
* Sutarties įsigaliojimo datos
* Sutarties pradžios / pabaigos datos
Asmeninė informacija
* Gimimo datos kolekcija
* Sukakčių datos
* Darbo pradžios data
* Išsilavinimo baigimo datos
Išlygos
* Viešbučio registracijos datos
* Nuomos pradžios datos
* Užsakymo patvirtinimo datos
* Rezervacijos laikotarpio pasirinkimas
Užpildykite lauko parinktis
Pagrindinė konfigūracija
- Lauko žymė – pavadinimas, rodomas virš datos lauko
- Aprašymas / pagalbos tekstas – papildomos gairės vartotojams
- Privalomas laukas – datos pasirinkimas yra privalomas
- Vietos rezervavimo ženklas – netaikoma vietiniams datos rinkikliams
Datos formatas
- Kaip rodyti datas:
- Pirmieji metai: 2023-12-31 (ISO 8601)
- Pirmas mėnuo: 2023-12-31 (JAV stiliumi)
- Pirmoji diena: 2023-12-31 (JK stiliumi)
- Pirmoji diena su brūkšneliais: 2023-12-31
Datų intervalo apribojimai
- Pirmoji leidžiama data – anksčiausia data, kurią gali pasirinkti vartotojai (palikite tuščią, jei apribojimo nėra)
- Paskutinė leidžiama data – vėliausia data, kurią gali pasirinkti vartotojai (palikite tuščią, jei apribojimo nėra)
Datos blokavimo parinktys
- Blokuoti praeities datas – neleidžia pasirinkti jokių datų, ankstesnių nei šiandien
- Blokuoti būsimas datas – neleidžia pasirinkti jokių datų po šiandienos
- Negalite pasirinkti savaitgalio – negalite pasirinkti šeštadienių ir sekmadienių
Pradžios datos pasirinkimas:
- Nėra iš anksto pasirinktos datos (tuščia) – laukas prasideda tuščias
- Šiandienos data – Iš anksto užpildyta dabartinė data
- Rytojaus data – Iš anksto užpildyta kita diena
- Konkreti data (pasirenkate jūs) – iš anksto užpildyta pasirinktinė data
Pasirinktinė numatytoji data – pasirinkite pradžios datą (rodoma, kai pasirinkta „Konkreti data“)
Sąlyginė logika
- Įjungti sąlyginę logiką – rodyti / slėpti pagal sąlygas
- Loginis tipas
- Visos sąlygos turi būti įvykdytos (IR)
- Galima įvykdyti bet kurią sąlygą (ARBA)
- Sąlygų taisyklės
- Rodyti / Slėpti – Veiksmas, kurį reikia atlikti
- Laukas – kurį lauką tikrinti
- Operatorius – Lygu, Nelygu, Apima, Didesnis nei, Mažiau nei, Tuščia, Nėra tuščia
- Vertė – palyginimo vertė
- Kelios sąlygos – pridėkite neribotą taisyklių skaičių
Advanced Options
- Paslėptas laukas – padarykite lauką nematomą, bet į pateiktus duomenis įtraukite datą
- Pasirinktinės CSS klasės – pritaikykite pasirinktinį stilių
- Prieinamumo atributai – ARIA žymės ekrano skaitytuvams
Kodėl verta rinktis mūsų datos lauką?
✅ Įvairūs formatai – JAV, JK, ISO ir punktyriniai formatai
✅ Datos intervalo valdymas – tiksliai nustatykite minimalias / maksimalias ribas
✅ Blokuoti praeities datas – leisti pasirinkti tik būsimas datas
✅ Blokuoti būsimas datas – leisti pasirinkti tik praėjusias datas
✅ Išjungti savaitgalius – verslui galima rinktis tik darbo dienomis
✅ Išmanieji numatytieji nustatymai – iš anksto užpildykite šiandienos, rytojaus arba pasirinktine data
✅ Vietiniai rinkikliai – naršyklėms optimizuoti kalendoriai kiekvienai platformai
✅ Automatinis patvirtinimas – negalima pasirinkti netinkamų datų
✅ Visiškai integruota – sklandžiai veikia su visomis formos funkcijomis
Dažnai užduodami klausimai
K: Kokie datos formatai palaikomi?
Keturi formatai: ISO (2023-12-31), US (2023-12-31), UK (2023-12-31) ir Dashed (2023-12-31). Pasirinkite formatą, kuris geriausiai atitinka jūsų auditoriją.
K: Kaip neleisti vartotojams pasirinkti praėjusių datų?
Įjunkite „Blokuoti praeities datas“. Bet kuri data, ankstesnė nei šiandien, datos rinkiklyje taps nepasirenkama.
K: Ar galiu apriboti datas iki konkretaus diapazono?
Taip. Nustatykite „Pirmoji leidžiama data“ ir „Paskutinė leidžiama data“, kad pasirinkimai būtų apriboti iki nustatyto lango.
K: Ką veikia funkcija „Išjungti savaitgalius“?
Tai pašalina galimybę pasirinkti šeštadienius ir sekmadienius. Likęs pasirinkimas lieka tik nuo pirmadienio iki penktadienio.
K: Kaip veikia numatytosios datos?
Pasirinkite, ar laukas pradedamas tuščias, ar rodo šiandienos datą, rytojaus datą ar pasirinktinę datą. Šiandienos ir rytojaus data koreguojasi automatiškai.
K: Ar datos parinkiklis visuose įrenginiuose atrodo vienodai?
Ne. Jis naudoja kiekvieno įrenginio vidinę vartotojo sąsają – „iOS“ ratukų parinkiklius, „Android“ kalendorius, darbalaukio parinkiklius ir pan.
K: Ar galiu blokuoti būsimas datas gimimo datos laukuose?
Taip. Įjunkite „Blokuoti būsimas datas“, kad naudotojai galėtų pasirinkti datas tik iki šiandienos imtinai.
K: Kaip min/max datos veikia kartu su praeities/būsimo laiko blokavimu?
Jie kaupiasi. Pavyzdžiui, užblokavus praeities datas ir nustačius maksimalią 30 dienų į priekį datą, gaunamas diapazonas nuo šiandienos iki 30 dienų į priekį.
K: Ar vartotojai gali įvesti datas vietoj parinkiklio?
Kai kurios naršyklės leidžia rašyti su patvirtinimu. Kitos priverstinai naudoja datos rinkiklį. Visos jos užtikrina teisingą formatavimą.
K: Kas nutinka, jei vartotojas pasirenka savaitgalį, kai savaitgaliai išjungti?
Sistema automatiškai prisitaiko prie artimiausios galiojančios savaitės dienos, paprastai kito pirmadienio.
K: Ar galiu naudoti sąlyginę logiką su datos laukais?
Taip. Norėdami valdyti kitų laukų matomumą, naudokite palyginimus, tokius kaip „Lygu“, „Yra tuščia“, „Nėra tuščia“, „Didesnis nei“ arba „Mažesnis nei“.
K: Kaip nustatyti terminą?
Įveskite savo terminą lauke „Paskutinė leidžiama data“. Vartotojai negali pasirinkti datų po šio taško. Derinkite su „Blokuoti praeities datas“, jei jums reikia tik ateities prieinamumo.
