Laiko laukas
Tiksliai ir lengvai rinkite laiką. Nuo susitikimų planavimo iki pamainų pasirinkimo naudojant elegantiškus vietinius laiko parinkiklius, išmaniuosius intervalus ir lankstų formatavimą – laiko laukas užtikrina patvirtinimą, pritaikymą ir sklandžią naudotojo patirtį.
Išmanus laiko rinkimas su integruotu patvirtinimu
Apie tinkamumą ir panaudojimą:
Galingos funkcijos kiekvienam atvejui
🕐 Lankstūs laiko formatai
24 valandų arba 12 valandų rodymas
Pasirinkite formatą, atitinkantį jūsų auditoriją. Tarptautiniams vartotojams naudokite 24 valandų karinį laiką (14:30) arba 12 valandų su AM/PM (2:30), kad būtų aiškiau.
Automatinis formato konvertavimas
Laukas automatiškai apdoroja formato konvertavimą – vartotojai mato pageidaujamą formatą, o jūsų sistema gauna nuoseklius duomenis.
Pavyzdžiai:
- Darbo valandos9:00–5:00 (12 valandų)
- Tarptautinis planavimas: 09:00–17:00 (visą parą)
- Medicininiai vizitai: 14:30 (24 valandų tikslumu)
⏰ Išmanieji laiko intervalai
Valdymo pasirinkimo tikslumas
Nustatykite, kokio detalumo laiko intervalus turėtų būti pasirinkta. Pasirinkite nuo minutės iki valandos intervalų pagal savo poreikius.
Galimi intervalai:
- Kas minutę (12:00, 12:01, 12:02…) – Maksimalus tikslumas
- Kas 5 minutes (12:00, 12:05, 12:10…) – Įprastas tvarkaraštis
- Kas 10 minučių (12:00, 12:10, 12:20…) – Greitos rezervacijos
- Kas 15 minučių (12:00, 12:15, 12:30…) – Dažniausiai
- Kas 30 minučių (12:00, 12:30, 1:00…) – pusvalandžio intervalai
- Kas valandą (12:00, 1:00, 2:00…) – paprastas pasirinkimas
Kodėl tai svarbu:
Mažiau variantų = greitesnis pasirinkimas. Pritaikykite intervalus prie savo planavimo poreikių, kad pagerintumėte naudotojo patirtį.
🎯 Laiko intervalo apribojimai
Nustatyti anksčiausią ir vėliausią laiką
Apribokite galimą laiką, kad jis atitiktų darbo valandas, renginių tvarkaraščius arba veikimo laikotarpius. Vartotojai negali pasirinkti laiko už jūsų nustatyto diapazono ribų.
Išmanusis patvirtinimas
Naršyklės lygio patvirtinimas apsaugo nuo neteisingų pateikimų prieš vartotojams spustelint „Pateikti“.
Naudojimo atvejai:
- Darbo valandos: tik 9:00–6:00
- Vakariniai renginiai: tik po 5:00 val.
- Rytiniai laiko tarpsniai: tik iki 12:00 val.
- Naktinė pamaina: 10:00–6:00
Pavyzdžiai:
- Restorano rezervacija: min. 11:00, maks. 10:00
- Sporto salės užsiėmimai: min. 6:00, maks. 9:00
- Pagalbos valandos: min. 8:00, maks. 5:00
🔧 Numatytosios laiko parinktys
Trys išmanios pradinės vertės:
1. Tuščia (nėra numatytosios reikšmės)
Vartotojai pradeda nuo tuščio lauko – geriausia, kai laikas visada yra unikalus.
2. Dabartinis laikas
Automatiškai užpildoma dabartiniu laiku, kai forma įkeliama – puikiai tinka „įvykio laiko“ arba laiko žymos laukams.
3. Pasirinktinis laikas
Iš anksto pasirinkite konkretų laiką, pvz., „9:00“, kad gautumėte siūlomą susitikimo laiką arba dažniausiai pasitaikančius pasirinkimus.
Kada naudoti kiekvieną:
- Tuščia – renginio pradžios laikas, asmeniniai tvarkaraščiai
- Dabartinis – ataskaitos laiko žymos, registracijos laikai
- Pasirinktinis – siūlomas susitikimo laikas, numatytosios valandos
⚡ Sekundžių tikslumas (neprivaloma)
Pridėkite sekundes, kai reikia
Įjunkite sekundžių lauką (HH:MM:SS), kad galėtumėte tiksliai sekti laiką. Puikiai tinka laiko rungtynėms, chronometrams ir tiksliems laiko žymoms.
Formato pavyzdžiai:
- Be sekundžių: 14:30 arba 2:30
- Su sekundėmis: 14:30:45 arba 2:30:45
Idealiai tinka:
- Sportinis laikas ir lenktynių rezultatai
- Moksliniai eksperimentai
- Tikslios medienos ruošos sistemos
- Laiko bandymų paraiškos
🔀 Sąlyginė logika
Dinaminiai laiko laukai
Rodyti arba slėpti laiko lauką pagal kitas formos reikšmes. Kurti išmaniąsias formas, kurios prisitaiko prie vartotojo įvesties.
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ą skambučio laiką“ tik tada, kai pasirinkta „Susisiekti telefonu“
- Rodyti „Įvykio pradžios laiką“, kai įvykio tipas yra „Pasirinktinis įvykis“
- Slėpti „Pristatymo laiką“, kai pristatymo būdas yra „Standartinis pristatymas“
- Rodyti „Susitikimo laiką“, kai susitikimo tipas yra „Asmuo“
🎨 Patobulinta naudotojo patirtis
Aktyvinimas bet kur ir bet kur
Spustelėkite bet kurią lauko vietą, kad atidarytumėte vietinį laiko parinkiklį – didesnė tikslinė sritis, geresnis naudojimo patogumas.
Vietiniai laiko rinkikliai
Naudoja naršyklėje integruotą laiko parinkiklį su pažįstamomis, platformai optimizuotomis sąsajomis („iOS“ ratukas, „Android“ laikrodis, darbalaukio išskleidžiamasis meniu).
Mobiliesiems optimizuotas
Patogus laiko pasirinkimas lietimui naudojant vietines mobiliąsias klaviatūras ir parinkiklius.
Papildomos funkcijos:
- Pasirinktinės CSS klasės stilizavimui
- Paslėpto lauko režimas sistemos laikams
- Prieinamumo palaikymas (ARIA etiketės)
- Išvalymo mygtukas, skirtas lengvam atstatymui
- Privalomas lauko patvirtinimas
- Vietos rezervavimo teksto palaikymas
Paprastas nustatymas 3 žingsniais
Paruoškite savo laiko lauką per kelias minutes
Pridėti laiko lauką
Nuvilkite lauką „Laikas“ iš skyriaus „Pagrindiniai laukai“ į savo formą.
Konfigūruoti formatą ir intervalus
Pasirinkite 12 valandų arba 24 valandų formatą, nustatykite laiko intervalus (kas 15 minučių, 30 minučių ir pan.) ir pasirinktinai pridėkite min/max laiko apribojimus.
Nustatyti numatytąjį laiką
Pasirinkite, ar laukas pradedamas tuščias, su dabartiniu laiku ar jūsų nurodytu pasirinktiniu laiku. Įjunkite sekundes, jei reikia tikslaus laiko.
???? Štai ir viskas! Jūsų laiko laukas paruoštas, pritaikytas išmaniajam formatavimui ir patvirtinimui.
Realaus pasaulio programos
Aptarnavimas ir rezervacijos
* Transporto priemonių aptarnavimo laikas
* Nekilnojamojo turto apžiūros tvarkaraščiai
* Ekskursijų užsakymo laikas
* Įrenginių rezervavimo laiko tarpsniai
Užsiėmimų ir užsiėmimų rezervavimas
* Fitneso užsiėmimų laikas
* Treniruočių sesijų planavimas
* Grupinių užsiėmimų laiko tarpsniai
* Pamokų laiko nuostatos
Verslo operacijos
* Pamainos pradžios / pabaigos laikas
* Darbo grafikų pateikimas
* Susitikimų laiko derinimas
* Prieinamumo laiko pasirinkimas
Paskyrimo rezervavimas
* Medicininių vizitų planavimas
* Salonų ir SPA procedūrų užsakymas
* Konsultacijos laiko pasirinkimas
* Užklausos dėl paslaugų teikimo
Renginių registracija
* Renginio pradžios / pabaigos laikas
* Sesijos laiko nuostatos
* Seminarų laiko tarpsniai
* Konferencijos tvarkaraščio pasirinkimas
Pristatymas ir atsiėmimas
* Maisto pristatymo laiko langai
* Atsiėmimo laikas parduotuvėje
* Paėmimo prie šaligatvio planavimas
* Pristatymo laiko tarpsnių nuostatos
Užpildykite lauko parinktis
Pagrindinė konfigūracija
- Lauko žymė – pavadinimas, rodomas virš laiko lauko
- Aprašymas / pagalbos tekstas – papildomos gairės vartotojams
- Privalomas laukas – laiko pasirinkimą padaryti privalomu
- Vietos rezervavimo tekstas – užuomina prieš vartotojams pasirenkant laiką
Laiko formato nustatymai
- Ekrano formatas
- 24 valandų laikrodis (14:30)
- 12 valandų laikrodis su AM/PM (2:30) formatu
Tikslumas ir intervalai
- Laiko intervalai
- Kiekviena minutė
- Kas 5 minučių
- Kas 10 minučių
- Kas 15 minučių (populiariausias)
- Kas 30 minučių
- Kiekviena valanda
Rodyti sekundes – pridėti sekundžių lauką tiksliam laikui (HH:MM:SS)
Laiko apribojimai
- Ankstyviausias leidžiamas laikas (min.) – vartotojai negali pasirinkti laiko, ankstesnio nei šis
- Leidžiamas vėliausias laikas (maks.) – vartotojai negali pasirinkti laiko po šio laiko
Numatytosios vertės
- Pradžios laiko pasirinkimas
- Nėra iš anksto pasirinkto laiko (tuščia)
- Dabartinis laikas (dinaminis – įkeliamas atidarius formą)
- Pasirinktinis laikas (konkretus laikas, kurį nustatote jūs)
Pasirinktinis pradžios laikas – pasirinkite konkretų laiką, kada iš anksto užpildyti (kai pasirinkta „Pasirinktinis“)
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ėpto lauko režimas – naudoti kaip paslėptą lauką su iš anksto nustatyta reikšme
- Pasirinktinės CSS klasės – pritaikykite pasirinktinį stilių
- Prieinamumo atributai – ARIA žymos ir aprašymai
Kodėl verta rinktis mūsų laiko lauką?
✅ Intuityvus – vietiniai naršyklės rinkikliai suteikia pažįstamą patirtį
✅ Lankstus – 12 arba 24 valandų formatai atitinka vartotojo pageidavimus
✅ Tikslus – tinkinami intervalai nuo kiekvienos minutės iki kiekvienos valandos
✅ Išmanus – min./maks. apribojimai apsaugo nuo neteisingų laiko pasirinkimų
✅ Dinaminė – sąlyginė logika sukuria adaptyvias formas
✅ Patogu naudoti – aktyvinimas bet kur, kad būtų geresnė naudotojo patirtis
✅ Optimizuota mobiliesiems įrenginiams – lietimui jautrūs vietiniai laiko rinkikliai
✅ Visiškai integruota – sklandžiai veikia su visomis formos funkcijomis
Dažnai užduodami klausimai
K: Kuo skiriasi 12 valandų ir 24 valandų formatas?
12 valandų formatas rodo laiką su AM/PM, pvz., 14:30. 24 valandų formatas naudoja laiką, pvz., 2:30, ir yra įprastas tarptautiniu mastu.
K: Kaip veikia laiko intervalai?
Intervalai nustato laiko pasirinkimų detalumą. Pavyzdžiui, 15 minučių intervalas rodo 9:00, 9:15, 9:30 ir pan.
K: Ar galiu apriboti laiką tik darbo valandomis?
Taip. Nustatykite anksčiausią ir vėliausią laiką, pvz., nuo 9:00 iki 5:00, ir vartotojai galės rinktis tik iš šio intervalo.
K: Ką reiškia numatytasis „Dabartinis laikas“?
Kai įjungta, laukas automatiškai užpildomas vartotojo dabartiniu laiku, kai įkeliama forma.
K: Ar man reikia sekundžių lauko?
Paprastai ne. Įjunkite tik tada, kai reikia tikslaus laiko, pvz., įvykių ar techninių duomenų įrašų HH:MM:SS formatu.
K: Kaip laiko rinkiklis veikia mobiliajame telefone?
Kiekvienas įrenginys naudoja savo integruotą vartotojo sąsają. „iOS“ paprastai naudoja ratuką su parinkimo įrankiu, o „Android“ – laikrodžio stiliaus parinkiklį.
K: Ar galiu naudoti sąlyginę logiką su laiko laukais?
Taip. Galite rodyti arba slėpti laukus pagal pasirinktą laiką, naudodami tokias sąlygas kaip „Lygu“, „Didesnis nei“ arba „Mažesnis nei“.
K: Kas nutinka, jei vartotojai bando pasirinkti netinkamą laiką?
Laikas, esantis už leistino diapazono ribų, yra blokuojamas naršyklės patvirtinimo ir negali būti pasirinktas.
K: Ar galiu iš anksto užpildyti konkrečiu laiku?
Taip. Pasirinkite „Pasirinktinis“ numatytajam laikui ir pasirinkite bet kurią norimą iš anksto įkelti reikšmę.
K: Ar laiko laukas veikia visose naršyklėse?
Visos šiuolaikinės naršyklės palaiko HTML5 laiko įvestį su integruotais parinkikliais. Senesnės naršyklės grįžta prie teksto įvedimo su patvirtinimu.
K: Ar galiu pritaikyti laiko lauką prie savo svetainės stiliaus?
Taip. Rinkiklis naudoja gimtąją vartotojo sąsają, bet įvesties lauką galima stilizuoti naudojant CSS klases.
K: Koks formatas naudojamas pateiktam laikui nurodyti?
Laiko reikšmės visada pateikiamos 24 valandų formatu, taip užtikrinant apdorojimo duomenų nuoseklumą.
