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.
