Câmp de dată
Colectați date cu precizie și control. De la programări la date de naștere cu formatare flexibilă, restricții de interval de date și validare inteligentă - câmpul Dată oferă selectorilor de calendar nativi controale puternice pentru date trecute, date viitoare, weekenduri și intervale personalizate.
Colectare profesională de date cu validare inteligentă
Perfect pentru:
Funcții puternice pentru fiecare caz de utilizare
📅 Patru formate de dată
Alegeți Preferințe regionale:
Anul întâi: 31 decembrie 2023 (ISO 8601)
Format standard internațional. Ideal pentru baze de date, sortare și aplicații tehnice.
Prima lună: 31.12.2023 (stil american)
Format american. Cel mai familiar utilizatorilor din SUA, cu ordine lună-zi-an.
Prima zi: 31/12/2023 (stil britanic)
Format britanic/european cu ordinea zi-lună-an. Comun la nivel internațional.
Prima zi cu liniuțe: 31-12-2023
Format european alternativ care folosește cratime în loc de bare oblice.
De ce contează formatul:
Corespunde așteptărilor utilizatorilor în funcție de regiune
Previne confuziile și erorile
Asigură stocarea consistentă a datelor
Îmbunătățește ratele de completare a formularelor
Personalizarea afișajului:
Formatul afectează modul în care datele apar pentru utilizatori, menținând în același timp formatul standard de stocare intern.
📏 Restricții privind intervalul de date
Date selectabile de control:
Prima dată permisă (minimă):
Setați cea mai veche dată pe care utilizatorii o pot selecta. Datele anterioare acestei date sunt dezactivate în selectorul de calendar.
Exemple:
- Înregistrare eveniment: Data minimă = data anunțării evenimentului
- Programări: Data minimă = astăzi (fără programări anterioare)
- Date istorice: Data minimă = data înființării companiei
- Termene limită ale proiectului: Data minimă = data de începere a proiectului
Ultima dată permisă (maximă):
Setați cea mai recentă dată pe care utilizatorii o pot selecta. Datele ulterioare acestei date sunt dezactivate în selectorul de calendar.
Exemple:
- Înregistrare timpurie: Data maximă = termen limită
- Disponibilitate limitată: Data maximă = ultima dată disponibilă
- Înregistrări istorice: Data maximă = astăzi
- Perioadă specifică: Data maximă = sfârșitul promoției
Butoane de configurare rapidă:
Setați datele minime/maxime pentru astăzi cu un singur clic sau eliminați restricțiile instantaneu.
⏮️ Blocați datele trecute
Împiedicați selectarea datelor anterioare:
Activați „Blocați datele trecute” pentru a dezactiva toate datele anterioare zilei de azi. Utilizatorii pot selecta doar ziua de azi sau datele viitoare.
Perfect pentru:
- Programări (fără programări anterioare)
- Înregistrare eveniment (doar evenimente viitoare)
- Selectarea datei de livrare (livrări viitoare)
- Sisteme de rezervare (rezervări anticipate)
- Termene limită (trebuie să fie viitoare)
Comportament inteligent:
Se actualizează automat zilnic – data de astăzi este întotdeauna validă, data de ieri devine dezactivată. Nu este necesară gestionarea manuală a datelor.
Se combină cu alte restricții:
Se utilizează împreună cu data maximă pentru a crea ferestre viitoare (de exemplu, rezervări de astăzi până la 30 de zile).
⏭️ Blocați datele viitoare
Împiedicați selectarea datelor viitoare:
Activați „Blocați datele viitoare” pentru a dezactiva toate datele de după ziua de azi. Utilizatorii pot selecta doar ziua de azi sau datele trecute.
Perfect pentru:
- Colecție de date de naștere (nu poate fi o dată viitoare)
- Datele evenimentelor istorice (doar trecute)
- Datele de începere a experienței (când ați început?)
- Date de finalizare (deja efectuate)
- Date aniversare (evenimente trecute)
Utilizare în lumea reală:
Asigură introducerea logică a datelor – datele de naștere, datele de angajare, datele de absolvire trebuie să fie în trecut.
Validare încorporată:
Browserul previne automat selecțiile nevalide. Nu sunt necesare mesaje de eroare confuze.
📆 Dezactivați weekendurile
Selecție bloc sâmbătă și duminică:
Activați „Fără selecție de weekend” pentru a dezactiva zilele de sâmbătă și duminică în selectorul de calendar. Pot fi selectate doar zilele lucrătoare (luni-vineri).
Perfect pentru:
- Programări de întâlniri de afaceri
- Programarea livrărilor la birou
- Selectarea datei de consultare
- Programări de service (doar de luni până vineri)
- Programarea întâlnirilor B2B
Interacțiuni inteligente:
Dacă utilizatorul selectează cumva un weekend (prin intermediul tastaturii), sistemul corectează automat la următoarea zi de lunea. Protecție perfectă.
Combină cu alte opțiuni:
Funcționează cu restricții trecute/viitoare – pot fi selectate doar zilele lucrătoare din intervalul permis.
🎯 Opțiuni implicite pentru dată
Date de începere preselectate:
Fără dată preselectată (Spațiu gol):
Câmpul este inițial gol. Utilizatorii trebuie să selecteze în mod activ o dată. Ideal pentru date care variază foarte mult.
Data de azi:
Se precompletează automat cu data curentă la încărcarea formularului. Se actualizează dinamic în fiecare zi.
Cazuri de utilizare:
- Câmpurile „Data solicitării”
- Formulare de marcaj temporal
- Documentația privind data curentă
- Selecțiile programului de astăzi
Data de mâine:
Se precompletează automat cu data de mâine. Perfect pentru rezervările de a doua zi.
Cazuri de utilizare:
- Selecție de livrare a doua zi
- Programări pentru mâine
- Valori implicite pentru evenimente viitoare
- Disponibilitate a doua zi
Dată specifică personalizată:
Alegeți orice dată fixă pentru preselectare. Excelent pentru date sugerate sau formulare specifice evenimentelor.
Cazuri de utilizare:
- Data recomandată pentru programare
- Setările implicite ale datei evenimentului
- Sugestii de termene limită
- Datele cererilor precompletate
📱 Selector de calendar nativ
Selecție de dată optimizată pentru browser:
Folosește intrări de date native HTML5 cu selectorul de calendar încorporat în browser. Oferă o experiență familiară, specifică platformei.
Aspect specific platformei:
- iOS: Selector de roți frumos
- Android: Calendar Material Design
- Chrome pentru desktop: Calendar derulant
- Safari pentru desktop: Selector compact
- Toate optimizate pentru platforma lor
Beneficii:
- Nu este necesară nicio bibliotecă JavaScript
- Încărcare instantanee
- Accesibil implicit
- Navigabil prin tastatură
- Optimizat pentru atingere
- Dimensiunea minimă a fișierului
Faceți clic oriunde:
Întregul câmp poate fi accesat cu un clic pentru a deschide calendarul. Zona mare de interacțiune îmbunătățește utilizabilitatea.
✅ Validare inteligentă a datei
Straturi de validare încorporate:
Validare format:
Browserul asigură automat formatul corect al datei. Utilizatorii nu pot introduce date nevalide, cum ar fi „2023-13-45”.
Validarea intervalului:
Datele minime/maxime sunt impuse la nivel de selector. Datele nevalide sunt dezactivate – nu pot fi selectate.
Validare logică:
Restricțiile trecute/viitoare/de weekend s-au aplicat automat. Sistemul previne selecțiile nevalide.
Ștergeți mesajele de eroare:
Dacă utilizatorii ocolesc cumva restricțiile, mesajele clare explică: „Data trebuie să fie ulterioară datei de 01.01.2024” sau „Data trebuie să fie anterioară datei de 31.12.2024”.
🔀 Logică condiționată
Vizibilitatea câmpului de dată dinamică:
Afișați sau ascundeți câmpurile de dată pe baza altor valori din formular. Afișați câmpurile de dată relevante numai atunci când este necesar.
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șați „Data preferată” numai când tipul rezervării este egal cu „Programare”
- Afișează „Data evenimentului” când tipul evenimentului nu este gol
- Afișează „Data livrării” când metoda de livrare este egală cu „Programată”
- Ascunde „Data de întoarcere” când tipul biletului este „Dus”
🎯 Experiență îmbunătățită pentru utilizator
Funcții inteligente încorporate:
- Afișaj vizual al datei – Data selectată este afișată într-un format lizibil
- Pictogramă Calendar – Indicator vizual al selectorului de date
- Navigare de la tastatură – Tastele săgeți navighează în calendar
- Accesibilitate tab – Suport complet pentru tastatură
- Optimizare tactilă – Ținte tactile mari pe mobil
- Corecție automată – Datele nevalide se ajustează automat la cea mai apropiată dată validă
- Evidențiere astăzi – Data curentă evidențiată în selector
- Selecție rapidă – Faceți clic pe dată, selectorul se închide automat
- Suport pentru textul de ajutor – Adăugați sugestii sau instrucțiuni pentru formatul datei
- Validare necesară – Selectarea datei este obligatorie
- Clase CSS personalizate – Aplicați stiluri personalizate
- Suport pentru accesibilitate – etichete ARIA, compatibil cu cititorul de ecran
Configurare simplă în 3 pași
Pregătește-ți câmpul de dată în câteva minute
Adăugați câmpul de dată
Trageți și plasați câmpul Dată din secțiunea Câmpuri de bază în formular.
Alegeți formatul și intervalul
Selectați formatul datei (SUA, UK, ISO), setați opțional limite minime/maxime pentru date și activați blocarea pentru perioade trecute/viitoare/weekend, după cum este necesar.
Setați data implicită
Alegeți dacă câmpul începe necompletat, se precompletează cu data de azi, data de mâine sau o dată personalizată specificată de dvs.
???? Asta e tot! Câmpul tău de dată este gata cu validare inteligentă și selectoare native.
Aplicații din lumea reală
Rezervare programare
* Datele programărilor medicale
* Programarea consultațiilor
* Selectarea programării serviciului
* Coordonarea datei întâlnirii
Înregistrare eveniment
* Datele de participare la evenimente
* Selectarea datei atelierului
* Înregistrare la conferință
* Datele de înscriere la cursuri
Livrare și expediere
* Date de livrare preferate
* Selectarea datei de livrare
* Programarea datei de preluare
* Planificarea datei de expediere
Aplicații pentru afaceri
* Datele limită ale proiectului
* Datele scadente ale sarcinilor
* Datele de intrare în vigoare ale contractului
* Datele de începere/încheiere a acordului
Informatii personale
* Colectarea datei de naștere
* Date aniversare
* Data începerii angajării
* Datele de finalizare a studiilor
Rezervari
* Datele de check-in la hotel
* Datele de începere a închirierii
* Datele de confirmare a rezervării
* Selectarea perioadei de rezervare
Opțiuni complete de câmp
Configurare de bază
- Etichetă câmp – Titlul afișat deasupra câmpului de dată
- Descriere/Text de ajutor – Îndrumări suplimentare pentru utilizatori
- Câmp obligatoriu – Selectarea datei este obligatorie
- Substitut – Nu se aplică selectorilor de date nativi
Format dată
- Cum se afișează datele:
- Anul întâi: 31 decembrie 2023 (ISO 8601)
- Prima lună: 31.12.2023 (stil american)
- Prima zi: 31/12/2023 (stil britanic)
- Prima zi cu liniuțe: 31-12-2023
Restricții privind intervalul de date
- Prima dată permisă – cea mai veche dată pe care utilizatorii o pot selecta (lăsați gol dacă nu există limită)
- Ultima dată permisă – Ultima dată pe care utilizatorii o pot selecta (lăsați gol pentru nicio limită)
Opțiuni de blocare a datei
- Blocare date trecute – Împiedică selectarea oricăror date anterioare zilei de azi
- Blocare date viitoare – Împiedică selectarea oricăror date ulterioare zilei de azi
- Fără selecție de weekend – Împiedică selectarea zilelor de sâmbătă și duminică
Selectarea datei de începere:
- Fără dată preselectată (gol) – Câmpul începe gol
- Data de astăzi – Data curentă precompletată
- Data de mâine – A doua zi precompletată
- Dată specifică (alegeți-o) – Dată personalizată precompletată
Dată implicită personalizată – Alegeți data de începere (afișată când este selectată opțiunea „Dată specifică”)
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
- Câmp ascuns – Faceți câmpul invizibil, dar includeți data în trimiteri
- Clase CSS personalizate – Aplicați stiluri personalizate
- Atribute de accesibilitate – etichete ARIA pentru cititoare de ecran
De ce să alegeți câmpul nostru de date?
✅ Formate multiple – formate SUA, Marea Britanie, ISO și cu punct
✅ Controlul intervalului de date – Setați cu precizie limitele minime/maxime
✅ Blocați datele trecute – Permiteți doar selecții de date viitoare
✅ Blocați datele viitoare – Permiteți doar selecțiile de date trecute
✅ Dezactivați weekendurile – Selecție disponibilă doar în zilele lucrătoare pentru companii
✅ Setări implicite inteligente – Precompletează cu ziua de azi, ziua de mâine sau o dată personalizată
✅ Selectori nativi – Calendare optimizate pentru browser, pentru fiecare platformă
✅ Validare automată – Nu se pot selecta date nevalide
✅ Complet integrat – Funcționează perfect cu toate funcțiile formularului
Întrebări frecvente
Î: Ce formate de dată sunt acceptate?
Patru formate: ISO (31.12.2023), SUA (31.12.2023), Marea Britanie (31.12.2023) și Dashed (31.12.2023). Alegeți formatul care se potrivește cel mai bine publicului dvs.
Î: Cum pot împiedica utilizatorii să selecteze date anterioare?
Activează „Blochează datele anterioare”. Orice dată anterioară zilei de azi devine neselectabilă în selectorul de date.
Î: Pot limita datele la un anumit interval?
Da. Setați „Prima dată permisă” și „Ultima dată permisă” pentru a restricționa opțiunile la o fereastră definită.
Î: Ce face „Disable Weekends”?
Elimină zilele de sâmbătă și duminică din opțiunea de selectare. Rămân disponibile doar zilele de luni până vineri.
Î: Cum funcționează datele implicite?
Alegeți dacă câmpul începe gol, afișează data de astăzi, data de mâine sau o dată personalizată. Valoarea de azi și de mâine se ajustează automat.
Î: Selectorul de dată arată la fel pe toate dispozitivele?
Nu. Folosește interfața nativă a fiecărui dispozitiv - selectoare cu roți iOS, calendare Android, selectoare desktop și așa mai departe.
Î: Pot bloca date viitoare pentru câmpurile de date de naștere?
Da. Activează „Blochează datele viitoare” pentru ca utilizatorii să poată alege doar datele până la ziua de azi inclusiv.
Î: Cum funcționează datele minime/maxime împreună cu blocarea datelor trecute/viitoare?
Se cumulează. De exemplu, blocarea datelor trecute plus o dată maximă cu 30 de zile înainte are ca rezultat un interval de la ziua de azi până la data de 30 de zile înainte.
Î: Pot utilizatorii să introducă date în loc să utilizeze selectorul?
Unele browsere permit tastarea cu validare. Altele impun selectorul de dată. Toate impun formatarea corectă.
Î: Ce se întâmplă dacă un utilizator selectează un weekend când weekendurile sunt dezactivate?
Sistemul se ajustează automat la cea mai apropiată zi validă din săptămână, de obicei lunea următoare.
Î: Pot folosi logica condițională cu câmpuri de dată?
Da. Folosiți comparații precum „Egal cu”, „Este gol”, „Nu este gol”, „Mai mare decât” sau „Mai mic decât” pentru a controla vizibilitatea altor câmpuri.
Î: Cum stabilesc o dată limită?
Introduceți termenul limită în „Ultima dată permisă”. Utilizatorii nu pot selecta date după acest moment. Combinați opțiunea cu „Blocați datele trecute” dacă aveți nevoie de disponibilitate doar pentru viitor.
