Câmpul de timp
Colectați timpul cu precizie și ușurință. De la programarea întâlnirilor la selectarea turelor, cu selectoare de timp native elegante, intervale inteligente și formatare flexibilă - câmpul Timp oferă validare, personalizare și o experiență de utilizator fără probleme.
Colectare inteligentă a timpului cu validare încorporată
Perfect pentru:
Funcții puternice pentru fiecare caz de utilizare
🕐 Formate de timp flexibile
Afișaj de 24 de ore sau 12 ore
Alegeți formatul care se potrivește publicului dvs. Folosiți formatul militar de 24 de ore (14:30) pentru utilizatorii internaționali sau formatul de 12 ore cu AM/PM (2:30 PM) pentru familiaritate.
Conversie automată de formatare
Câmpul gestionează automat conversia formatului – utilizatorii văd formatul preferat în timp ce sistemul primește date consecvente.
Exemple:
- Program de lucru9:00 AM – 5:00 PM (12 ore)
- Programare internațională09:00 – 17:00 (24 de ore)
- Programări medicale14:30 (precizie de 24 de ore)
⏰ Intervale de timp inteligente
Precizia selecției controlului
Setați cât de granulară ar trebui să fie selecția timpului. Alegeți de la intervale de un minut la o oră, în funcție de nevoile dvs.
Intervale disponibile:
- În fiecare minut (12:00, 12:01, 12:02…) – Precizie maximă
- La fiecare 5 minute (12:00, 12:05, 12:10…) – Programări standard
- La fiecare 10 minute (12:00, 12:10, 12:20…) – Rezervări rapide
- La fiecare 15 minute (12:00, 12:15, 12:30…) – Cel mai frecvent
- La fiecare 30 de minute (12:00, 12:30, 1:00…) – Intervale de jumătate de oră
- În fiecare oră (12:00, 1:00, 2:00…) – Selecție simplă
De ce contează:
Mai puține opțiuni = selecție mai rapidă. Adaptați intervalele la nevoile dvs. de programare pentru o experiență de utilizare mai bună.
🎯 Restricții privind intervalul de timp
Setați cele mai timpurii și cele mai recente ore
Limitați orele disponibile pentru a se potrivi cu programul de lucru, programul evenimentelor sau ferestrele operaționale. Utilizatorii nu pot selecta ore în afara intervalului definit de dvs.
Validare inteligentă
Validarea la nivel de browser previne trimiterile nevalide înainte ca utilizatorii să dea clic pe butonul de trimitere.
Cazuri de utilizare:
- Program de lucru: doar între orele 9:00 și 6:00
- Evenimente de seară: Doar după ora 5:00
- Intervale de dimineață: Doar înainte de ora 12:00
- Tura de noapte: 10:00 – 6:00
Exemple:
- Rezervări la restaurant: Min 11:00, Max 10:00
- Cursuri de sală: Min 6:00, Max 9:00
- Program de asistență: Min 8:00 AM, Max 5:00 PM
🔧 Opțiuni implicite de timp
Trei valori de pornire inteligente:
1. Necompletat (fără valori implicite)
Utilizatorii încep cu un câmp gol – cel mai bine atunci când timpul este întotdeauna unic.
2. Ora curentă
Se completează automat cu ora curentă la încărcarea formularului – perfect pentru câmpurile „ora incidentului” sau marcaj temporal.
3. Oră personalizată
Preselectați o anumită oră, cum ar fi „9:00 AM”, pentru orele sugerate pentru programări sau selecții comune.
Când să folosiți fiecare:
- Necompletat – Orele de începere a evenimentelor, programele personale
- Curent – Raportează marcaje temporale, ore de check-in
- Personalizat – Ore sugerate pentru întâlniri, ore implicite
⚡ Precizie de secunde (opțional)
Adăugați secunde când este nevoie
Activează câmpul secunde (HH:MM:SS) pentru o urmărire precisă a timpului. Perfect pentru teste de timp, cronometre și marcaje de timp exacte.
Exemple de formate:
- Fără secunde: 14:30 sau 2:30
- Cu secunde: 14:30:45 sau 2:30:45
Ideal pentru:
- Cronometrarea sportivă și rezultatele curselor
- Experimente științifice
- Sisteme precise de înregistrare a datelor
- Înscrieri la concursuri de contratimp
🔀 Logică condiționată
Câmpuri de timp dinamice
Afișează sau ascunde câmpul de timp în funcție de alte valori ale formularului. Creează formulare inteligente care se adaptează la datele introduse de utilizator.
Reguli logice avansate:
- Logică ȘI – Trebuie îndeplinite toate condițiile
- SAU Logică – Orice condiție poate declanșa acțiunea
- 8 operatori – Egal cu, Nu este egal cu, Mai mare decât, Mai mic decât, Conține, Este gol și alții
Cazuri de utilizare:
- Afișează „Ora preferată pentru apel” numai când este selectată opțiunea „Contactare prin telefon”
- Afișează „Ora de începere a evenimentului” când tipul evenimentului este egal cu „Eveniment personalizat”
- Ascundeți „Timpul de livrare” când metoda de livrare este „Livrare standard”
- Afișează „Ora întâlnirii” când tipul întâlnirii este egal cu „În persoană”
🎨 Experiență îmbunătățită pentru utilizator
Activare Click-Ounde
Faceți clic oriunde în câmp pentru a deschide selectorul de oră nativ – zonă țintă mai mare, utilizare mai ușoară.
Selectoare de timp native
Folosește selectorul de timp încorporat în browser cu interfețe familiare, optimizate pentru platformă (roata iOS, ceas Android, meniu derulant pe desktop).
Optimizat pentru mobil
Selecție tactilă a orei cu ajutorul tastaturilor și selectoarelor mobile native.
Caracteristici suplimentare:
- Clase CSS personalizate pentru stilizare
- Mod câmp ascuns pentru orele de sistem
- Suport pentru accesibilitate (etichete ARIA)
- Buton transparent pentru resetare ușoară
- Validarea câmpului obligatoriu
- Suport pentru text substituent
Configurare simplă în 3 pași
Pregătește-ți Câmpul de Timp în câteva minute
Adăugați câmpul Timp
Trageți și plasați câmpul Timp din secțiunea Câmpuri de bază în formular.
Configurați formatul și intervalele
Alegeți formatul de 12 ore sau de 24 de ore, setați intervale de timp (la fiecare 15 minute, 30 de minute etc.) și, opțional, adăugați restricții de timp minime/maxime.
Setați ora implicită
Alegeți dacă câmpul începe gol, cu ora curentă sau cu o oră personalizată specificată de dvs. Activați secundele dacă aveți nevoie de o cronometrare precisă.
???? Asta e tot! Câmpul tău de timp este gata cu formatare și validare inteligente.
Aplicații din lumea reală
Servicii și rezervări
* Timpii de service ai vehiculului
* Programul vizionărilor proprietăților
* Orele de rezervare a tururilor
* Intervale de rezervări pentru facilități
Rezervare cursuri și activități
* Orele cursurilor de fitness
* Programarea sesiunilor de instruire
* Intervale orare pentru activități de grup
Preferințe privind ora lecției
Operatiuni de afaceri
* Ore de început/sfârșit ale turelor
* Depuneri de program de lucru
* Coordonarea timpului de întâlnire
* Selectarea orei de disponibilitate
Rezervare programare
* Programarea consultațiilor medicale
* Rezervări salon și spa
* Selectarea orei de consultație
* Cereri de programări pentru servicii
Înregistrare eveniment
* Orele de începere/încheiere a evenimentului
* Preferințe privind ora sesiunii
* Intervale orare pentru ateliere
* Selectarea programului conferinței
Livrare și ridicare
* Intervale de timp pentru livrarea alimentelor
* Orele de ridicare din magazin
* Programarea ridicării de la marginea trotuarului
* Preferințe pentru intervalul orar de livrare*
Opțiuni complete de câmp
Configurare de bază
- Etichetă câmp – Titlul afișat deasupra câmpului de oră
- Descriere/Text de ajutor – Îndrumări suplimentare pentru utilizatori
- Câmp obligatoriu – Selectarea orei este obligatorie
- Text substituent – Text cu indicii înainte ca utilizatorii să selecteze o oră
Setări format oră
- Format de afișare
- Ceas de 24 de ore (14:30)
- Ceas de 12 ore cu AM/PM (2:30)
Precizie și intervale
- Intervalele de timp
- In fiecare minut
- La fiecare 5 minute
- La fiecare 10 minute
- La fiecare 15 minute (cel mai popular)
- La fiecare 30 minute
- Fiecare ora
Afișare secunde – Adăugați câmpul pentru secunde pentru ora precisă (HH:MM:SS)
Restricții de timp
- Cel mai devreme timp permis (min) – Utilizatorii nu pot selecta ore anterioare acestui interval
- Ultima oră permisă (maxim) – Utilizatorii nu pot selecta ore după aceasta
Valori implicite
- Selectarea orei de începere
- Fără oră preselectată (gol)
- Ora curentă (dinamică – se încarcă la deschiderea formularului)
- Oră personalizată (o oră specifică setată de dvs.)
Oră de începere personalizată – Alegeți ora specifică pentru precompletare (când este selectată opțiunea „Personalizat”)
Logica conditionata
- Activează logica condiționată – Afișează/ascunde în funcție de condiții
- Tip logic
- Toate condițiile trebuie îndeplinite (ȘI)
- Orice condiție poate fi îndeplinită (SAU)
- Reguli de condiție
- Afișare/Ascundere – Acțiune de întreprins
- Câmp – Ce câmp să verificați
- Operator – Egal cu, Nu este egal cu, Conține, Mai mare decât, Mai mic decât, Este gol, Nu este gol
- Valoare – Valoare de comparație
- Condiții multiple – Adăugați reguli nelimitate
Opțiuni avansate
- Mod Câmp Ascuns – Utilizare ca câmp ascuns cu valoare presetată
- Clase CSS personalizate – Aplicați stiluri personalizate
- Atribute de accesibilitate – etichete și descrieri ARIA
De ce să alegeți domeniul nostru de timp?
✅ Intuitiv – Selectoarele native ale browserului oferă experiențe familiare
✅ Flexibil – formatele de 12 ore sau 24 de ore se potrivesc preferințelor utilizatorilor
✅ Precizie – Intervale personalizate de la fiecare minut la fiecare oră
✅ Inteligent – Restricțiile Min/Max previn selecțiile de timp nevalide
✅ Dinamic – Logica condiționată creează forme adaptive
✅ Ușor de utilizat – Activare prin clic oriunde pentru o experiență de utilizator îmbunătățită
✅ Optimizat pentru mobil – Selectoare de oră native, ușor de utilizat, cu ecran tactil
✅ Complet integrat – Funcționează perfect cu toate funcțiile formularului
Întrebări frecvente
Î: Care este diferența dintre formatul de 12 ore și cel de 24 de ore?
Formatul de 12 ore afișează orele cu AM/PM, cum ar fi 14:30. Formatul de 24 de ore folosește ore precum 2:30 și este comun la nivel internațional.
Î: Cum funcționează intervalele de timp?
Intervalele setează cât de detaliate sunt opțiunile de timp. De exemplu, un interval de 15 minute afișează 9:00, 9:15, 9:30 și așa mai departe.
Î: Pot restricționa orele doar la orele de program?
Da. Setați cele mai timpurii și cele mai târziu ore, cum ar fi 9:00 - 5:00, iar utilizatorii pot alege doar în intervalul respectiv.
Î: Ce înseamnă implicit „Ora curentă”?
Când este activat, câmpul se completează automat cu ora curentă a utilizatorului la încărcarea formularului.
Î: Am nevoie de câmpul pentru secunde?
De obicei nu. Activați-l doar atunci când aveți nevoie de o sincronizare precisă, cum ar fi intrările HH:MM:SS pentru evenimente sau date tehnice.
Î: Cum funcționează selectorul de oră pe mobil?
Fiecare dispozitiv folosește propria interfață nativă. iOS folosește de obicei un selector cu rotiță, în timp ce Android folosește un selector în stil ceas.
Î: Pot folosi logica condiționată cu câmpuri de timp?
Da. Puteți afișa sau ascunde câmpuri în funcție de momentele selectate folosind condiții precum „Egal cu”, „Mai mare decât” sau „Mai mic decât”.
Î: Ce se întâmplă dacă utilizatorii încearcă să selecteze ore nevalide?
Orele din afara intervalului permis sunt blocate de validarea browserului și nu pot fi selectate.
Î: Pot completa în prealabil cu o anumită oră?
Da. Alegeți „Personalizat” pentru ora implicită și selectați orice valoare doriți să fie preîncărcată.
Î: Câmpul de oră funcționează în toate browserele?
Toate browserele moderne acceptă introducerea de timp în HTML5 cu selectoare încorporate. Browserele mai vechi folosesc doar introducerea de text cu validare.
Î: Pot să stilizez câmpul de oră pentru a se potrivi cu site-ul meu?
Da. Selectorul folosește o interfață nativă, dar câmpul de introducere poate fi stilizat cu clase CSS.
Î: Ce format folosește ora trimisă?
Valorile de timp sunt trimise întotdeauna în format de 24 de ore, asigurând consecvența datelor pentru procesare.
