Dátum mező
Gyűjtsön dátumokat pontosan és kontrolláltan. Az időpontfoglalásoktól a születési dátumokig rugalmas formázással, dátumtartomány-korlátozásokkal és intelligens érvényesítéssel – a Dátum mező natív naptárválasztókat kínál hatékony vezérlőkkel a múltbeli dátumokhoz, a jövőbeli dátumokhoz, a hétvégékhez és az egyéni tartományokhoz.
Professzionális adatgyűjtés intelligens érvényesítéssel
Tökéletes:
Hatékony funkciók minden felhasználási esetre
📅 Négy dátumformátum
Válassza ki a Regionális beállításokat:
Első év: 2023-12-31 (ISO 8601)
Nemzetközi szabványformátum. Adatbázisokhoz, rendezéshez és műszaki alkalmazásokhoz ideális.
Első hónap: 2023.12.31. (amerikai stílus)
Amerikai formátum. Az amerikai felhasználók számára a legismertebb a hónap-nap-év sorrend.
Első nap: 2023.12.31. (brit stílus)
Brit/európai formátum nap-hónap-év sorrendben. Nemzetközi szinten elterjedt.
Első nap kötőjelekkel: 2023.12.31.
Alternatív európai formátum kötőjelek használatával perjelek helyett.
Miért fontos a formátum:
Megfelel a felhasználói elvárásoknak régiónként
Megelőzi a zavart és a hibákat
Biztosítja az adattárolás konzisztenciáját
Javítja az űrlapkitöltési arányokat
Kijelző testreszabása:
A formátum befolyásolja, hogy a dátumok hogyan jelennek meg a felhasználók számára, miközben belsőleg megőrzi a szabványos tárolási formátumot.
📏 Dátumtartomány-korlátozások
Választható dátumok vezérlése:
Első engedélyezett dátum (minimum):
Állítsa be a felhasználók által kiválasztható legkorábbi dátumot. Az ennél korábbi dátumok le vannak tiltva a naptárválasztóban.
Példák:
- Eseményregisztráció: Minimum dátum = az esemény bejelentésének dátuma
- Időpontfoglalás: Minimum dátum = ma (nincsenek korábbi foglalások)
- Történeti adatok: Min. dátum = a cég alapításának dátuma
- Projekt határidők: Minimum dátum = projekt kezdési dátuma
Utolsó engedélyezett dátum (maximum):
Állítsa be a felhasználók által kiválasztható legkésőbbi dátumot. Az ezt követő dátumok le vannak tiltva a naptárválasztóban.
Példák:
- Korai regisztráció: Max. dátum = határidő
- Korlátozott elérhetőség: Max. dátum = utolsó elérhető dátum
- Történelmi feljegyzések: Max. dátum = ma
- Pontos időkeret: Max. dátum = promóció vége
Gyorsbeállítás gombok:
Állítsa be a minimális/maximális dátumokat a mai napra egyetlen kattintással, vagy törölje a korlátozásokat azonnal.
⏮️ Múltbeli dátumok blokkolása
Korábbi dátumok kiválasztásának megakadályozása:
A „Múltbeli dátumok blokkolása” engedélyezésével letilthatja a mai nap előtti összes dátumot. A felhasználók csak a mai vagy a jövőbeli dátumokat választhatják ki.
Tökéletes:
- Időpontfoglalás (nincsenek korábbi időpontok)
- Eseményregisztráció (csak a közelgő eseményekre)
- Szállítási dátum kiválasztása (jövőbeli szállítások)
- Foglalási rendszerek (előrefoglalások)
- Határidők (jövőbelieknek kell lenniük)
Okos viselkedés:
Automatikusan frissül naponta – a mai dátum mindig érvényes, a tegnapi letiltásra kerül. Nincs szükség manuális dátumkezelésre.
Más korlátozásokkal kombinálva:
Használja a max date paraméterrel együtt jövőbeli ablakok létrehozásához (pl. a mai naptól 30 nappal későbbi foglalások).
⏭️ Jövőbeli dátumok blokkolása
Közelgő dátumok kiválasztásának megakadályozása:
A „Jövőbeli dátumok blokkolása” beállítás engedélyezésével letilthatja a mai nap utáni összes dátumot. A felhasználók csak a mai vagy a múltbeli dátumokat választhatják ki.
Tökéletes:
- Születési dátum gyűjtemény (nem lehet jövőbeli)
- Történelmi események dátumai (csak a múltbeliek)
- Tapasztalat kezdete (mikor kezdted?)
- Befejezési dátumok (már megtörténtek)
- Évfordulók dátumai (múltbeli események)
Valós használat:
Logikus dátumbevitelt biztosít – a születési dátumoknak, a felvételi dátumoknak és a diploma megszerzésének dátumainak a múltban kell lenniük.
Beépített validáció:
A böngésző automatikusan megakadályozza az érvénytelen kiválasztásokat. Nincsenek zavaró hibaüzenetek.
📆 Hétvégék letiltása
Szombati és vasárnapi blokkválasztás:
A „Nincs hétvége kiválasztása” beállítás engedélyezésével letilthatja a szombatokat és vasárnapokat a naptárválasztóban. Csak a hétköznapok (hétfő-péntek) választhatók ki.
Tökéletes:
- Üzleti időpontfoglalások
- Irodai kézbesítés ütemezése
- Konzultációs időpont kiválasztása
- Szerviz időpontfoglalás (csak hétfőtől péntekig)
- B2B találkozók ütemezése
Intelligens interakciók:
Ha a felhasználó valahogy hétvégét választ (billentyűzeten keresztül), a rendszer automatikusan a következő hétfőre korrigál. Zökkenőmentes védelem.
Kombinálható más lehetőségekkel:
Múltbeli/jövőbeli korlátozásokkal működik – csak a megengedett tartományon belüli hétköznapok választhatók ki.
🎯 Alapértelmezett dátumbeállítások
Kezdő dátumok előzetes kiválasztása:
Nincs előre kiválasztott dátum (üres):
A mező üresen indul. A felhasználóknak aktívan kell kiválasztaniuk egy dátumot. A legmegfelelőbb azokhoz a dátumokhoz, amelyek jelentősen eltérnek.
Mai dátum:
Automatikusan kitölti az aktuális dátummal, amikor az űrlap betöltődik. Naponta dinamikusan frissül.
Használási esetek:
- „Kérdezés dátuma” mezők
- Időbélyegző űrlapok
- Aktuális dátum dokumentáció
- Mai programválasztások
Holnapi dátum:
Automatikusan kitölti a holnapi dátummal. Tökéletes a másnapi foglalásokhoz.
Használási esetek:
- Másnapi kiszállítás kiválasztása
- Holnapi időpontfoglalások
- Jövőbeli események alapértelmezett értékei
- Másnapi elérhetőség
Egyedi dátum:
Válasszon ki egy fix dátumot az előzetes kiválasztáshoz. Nagyszerű javaslatok dátumaihoz vagy eseményspecifikus űrlapokhoz.
Használási esetek:
- Ajánlott időpont
- Esemény dátumának alapértelmezett beállításai
- Határidőre vonatkozó javaslatok
- Előre kitöltött jelentkezési határidők
📱 Natív naptárválasztó
Böngészőre optimalizált dátumkiválasztás:
HTML5 natív dátumbeviteli adatokat használ a böngésző beépített naptárválasztójával. Ismerős, platformspecifikus élményt nyújt.
Platformspecifikus megjelenés:
- iOS: Gyönyörű választókerék
- Android: Anyagszerű tervezésű naptár
- Chrome asztali számítógép: Legördülő naptár
- Asztali Safari: Kompakt választó
- Mindegyik platformra optimalizálva
Előnyök:
- Nincs szükség JavaScript könyvtárra
- Azonnali betöltés
- Alapértelmezés szerint elérhető
- Billentyűzet navigálható
- Érintésre optimalizált
- Minimális fájlméret
Kattintson bárhová:
A teljes mezőre kattintva megnyitható a naptár. A nagy interakciós terület javítja a használhatóságot.
✅ Intelligens dátumérvényesítés
Beépített érvényesítési rétegek:
Formátumérvényesítés:
A böngésző automatikusan biztosítja a megfelelő dátumformátumot. A felhasználók nem adhatnak meg érvénytelen dátumokat, például „2023-13-45”.
Tartományérvényesítés:
A min/max dátumok a választó szintjén érvényesülnek. Az érvénytelen dátumok le vannak tiltva – nem választhatók ki.
Logikai validáció:
A múltbeli/jövőbeli/hétvégi korlátozások automatikusan érvényesek. A rendszer megakadályozza az érvénytelen kiválasztásokat.
Hibaüzenetek törlése:
Ha a felhasználók valahogy megkerülik a korlátozásokat, egyértelmű üzenetek magyarázzák el: „A dátumnak 2024-01-01 utáninak kell lennie” vagy „A dátumnak 2024-12-31 előttinek kell lennie”.
🔀 Feltételes logika
Dinamikus dátummező láthatósága:
Dátummezők megjelenítése vagy elrejtése más űrlapértékek alapján. A releváns dátummezők megjelenítése csak szükség esetén.
Haladó logikai szabályok:
- ÉS Logika – Minden feltételnek teljesülnie kell
- VAGY logika – Bármely feltétel kiválthatja a műveletet
- 8 operátor – Egyenlő, Nem egyenlő, Nagyobb, mint, Kisebb, Tartalmaz, Üres és egyebek
Használási esetek:
- Csak akkor jelenjen meg a „Kedvelt dátum” lehetőség, ha a foglalás típusa „Időpontfoglalás”
- Az „Esemény dátuma” mező megjelenítése, ha az esemény típusa nem üres
- A „Szállítási dátum” megjelenítése, ha a szállítási mód egyenlő az „Ütemezett”-vel.
- „Visszatérési dátum” elrejtése, ha a jegy típusa „Egyirányú”
🎯 Továbbfejlesztett felhasználói élmény
Beépített intelligens funkciók:
- Vizuális dátumkijelzés – A kiválasztott dátum olvasható formátumban jelenik meg
- Naptár ikon – A dátumválasztó vizuális jelzője
- Billentyűzetnavigáció – Nyílbillentyűk segítségével navigálhat a naptárban
- Akadálymentesítés – Teljes billentyűzettámogatás
- Érintésre optimalizált – Nagy érintőfelületek mobilon
- Automatikus javítás – Az érvénytelen dátumok automatikusan a legközelebbi érvényes dátumra igazodnak
- Mai kiemelés – Az aktuális dátum kiemelve a választóban
- Gyors kiválasztás – Kattintson a dátumra, a válogató automatikusan bezárul
- Súgószöveg-támogatás – Dátumformátum-tippek vagy utasítások hozzáadása
- Kötelező érvényesítés – A dátum kiválasztása kötelezővé tehető
- Egyéni CSS osztályok – Egyéni stílus alkalmazása
- Akadálymentesítési támogatás – ARIA címkék, képernyőolvasó-kompatibilis
Egyszerű beállítás 3 lépésben
Készítse el a dátummezőjét percek alatt
Dátummező hozzáadása
Húzd át a Dátum mezőt az Alapmezők szakaszból az űrlapra.
Formátum és tartomány kiválasztása
Válassza ki a dátumformátumot (USA, Egyesült Királyság, ISO), opcionálisan állítsa be a minimális/maximális dátumhatárokat, és szükség szerint engedélyezze a múltbeli/jövőbeli/hétvégi dátumblokkolást.
Alapértelmezett dátum beállítása
Válassza ki, hogy a mező üresen induljon-e, vagy előre kitöltse-e a mai, a holnapi vagy egy Ön által megadott egyéni dátummal.
???? Kész is! A dátummeződ készen áll az intelligens ellenőrzéssel és a natív választókkal.
Valós alkalmazások
Időpontfoglalás
* Orvosi időpontok
* Konzultációs ütemezés
* Szolgáltatás időpontjának kiválasztása
* Találkozó időpontjának egyeztetése
Esemény regisztrálása
* Esemény részvételi dátumok
* Workshop dátumának kiválasztása
* Konferencia regisztráció
* Osztálybeiratkozási dátumok
Szállítás és szállítás
* Előnyben részesített szállítási dátumok
* Szállítási dátum kiválasztása
* Átvételi dátum ütemezése
* Feladási dátum tervezése
Üzleti alkalmazások
* Projekt határidők
* Feladatok határideje
* Szerződés hatálybalépési dátumai
* Megállapodás kezdete/befejezése
Személyes adat
* Születési dátum gyűjtemény
* Évfordulók dátumai
* A foglalkoztatás kezdete
* Tanulmányok befejezésének dátumai
Fenntartások
* Szállodai bejelentkezési dátumok
* Bérleti díjak kezdő dátumai
* Foglalás visszaigazolásának dátumai
* Foglalási időszak kiválasztása
Teljes mezőbeállítások
Alapvető konfiguráció
- Mezőcímke – A dátummező felett megjelenő cím
- Leírás/Súgószöveg – További útmutatás a felhasználóknak
- Kötelező mező – A dátum kiválasztása kötelező
- Helyőrző – Nem alkalmazható natív dátumválasztók esetén
Dátum formátum
- Dátumok megjelenítése:
- Első év: 2023-12-31 (ISO 8601)
- Első hónap: 2023.12.31. (amerikai stílus)
- Első nap: 2023.12.31. (brit stílusú)
- Első nap kötőjelekkel: 2023.12.31.
Dátumtartomány-korlátozások
- Első engedélyezett dátum – A felhasználók által kiválasztható legkorábbi dátum (korlátozás nélküli mező esetén hagyja üresen)
- Utolsó engedélyezett dátum – A felhasználók által kiválasztható legkésőbbi dátum (határ nélkül hagyható).
Dátumblokkolási beállítások
- Múltbeli dátumok blokkolása – Megakadályozza a mai nap előtti dátumok kiválasztását
- Jövőbeli dátumok blokkolása – Megakadályozza a mai nap utáni dátumok kiválasztását
- Nincs hétvégi választás – Nem lehet szombaton és vasárnap kiválasztani
Kezdő dátum kiválasztása:
- Nincs előre kiválasztott dátum (üres) – A mező üresen kezdődik
- Mai dátum – Aktuális dátum előre kitöltve
- Holnapi dátum – Másnapi előre kitöltve
- Konkrét dátum (Ön választja) – Egyedi dátum előre kitöltve
Egyéni alapértelmezett dátum – Válassza ki a kezdő dátumot (akkor jelenik meg, ha a „Konkrét dátum” van kiválasztva)
Feltételes logika
- Feltételes logika engedélyezése – Megjelenítés/elrejtés feltételek alapján
- Logikai típus
- Minden feltételnek teljesülnie kell (ÉS)
- Bármely feltétel teljesíthető (VAGY)
- Feltételszabályok
- Megjelenítés/elrejtés – Végrehajtandó művelet
- Mező – Melyik mezőt kell ellenőrizni
- Operátorok – Egyenlő, Nem egyenlő, Tartalmaz, Nagyobb, mint, Kisebb, Üres, Nem üres
- Érték – Összehasonlítási érték
- Több feltétel – Korlátlan számú szabály hozzáadása
Speciális beállítások
- Rejtett mező – A mezőt láthatatlanná kell tenni, de a beküldött adatokban szerepelnie kell a dátumnak.
- Egyéni CSS osztályok – Egyéni stílus alkalmazása
- Akadálymentesítési attribútumok – ARIA címkék képernyőolvasókhoz
Miért válassza a dátummezőnket?
✅ Több formátum – amerikai, brit, ISO és szaggatott formátumok
✅ Dátumtartomány-vezérlés – Pontosan beállíthatja a min/max határokat
✅ Múltbeli dátumok blokkolása – Csak jövőbeli dátumok kiválasztását engedélyezi
✅ Jövőbeli dátumok blokkolása – Csak múltbeli dátumok kiválasztását engedélyezi
✅ Hétvégék letiltása – Csak hétköznapokra szóló választás vállalkozások számára
✅ Intelligens alapértelmezett beállítások – Előre kitölthető mai, holnapi vagy egyéni dátummal
✅ Natív naptárválasztók – Böngészőre optimalizált naptárak minden platformhoz
✅ Automatikus érvényesítés – Érvénytelen dátumok nem választhatók ki
✅ Teljesen integrált – Zökkenőmentesen működik az összes űrlapfunkcióval
Gyakran ismételt kérdések
K: Milyen dátumformátumok támogatottak?
Négy formátum: ISO (2023-12-31), US (2023/12/31), UK (2023/12/31) és Dashed (2023-12-31). Válaszd ki a közönségednek leginkább megfelelő formátumot.
K: Hogyan akadályozhatom meg, hogy a felhasználók múltbeli dátumokat válasszanak?
Engedélyezze a „Múltbeli dátumok blokkolása” lehetőséget. A mai nap előtti dátumok nem választhatók ki a dátumválasztóban.
K: Korlátozhatom a dátumokat egy adott tartományra?
Igen. Állítsa be az „Első engedélyezett dátum” és az „Utolsó engedélyezett dátum” beállításokat, hogy a választási lehetőségeket egy meghatározott időszakra korlátozza.
K: Mit csinál a „Hétvégék letiltása” funkció?
Eltávolítja a szombat és a vasárnap kiválasztható időpontokat. Csak hétfőtől péntekig marad elérhető.
K: Hogyan működnek az alapértelmezett dátumok?
Válassza ki, hogy a mező üresen induljon, a mai dátumot, a holnapi dátumot vagy egy egyéni dátumot mutasson. A mai és a holnapi dátum automatikusan módosul.
K: A dátumválasztó minden eszközön ugyanúgy néz ki?
Nem. Minden eszköz saját felhasználói felületét használja – iOS görgőválasztókat, Android naptárakat, asztali választókat és így tovább.
K: Letilthatom a jövőbeli dátumokat a születési dátum mezőkben?
Igen. Kapcsolja be a „Jövőbeli dátumok blokkolása” beállítást, hogy a felhasználók csak a mai napig bezárólag tudjanak dátumokat kiválasztani.
K: Hogyan működnek együtt a min/max dátumok a múltbeli/jövőbeli blokkolással?
Összeadódnak. Például, ha a múltbeli dátumokat blokkoljuk, plusz a maximum 30 nappal későbbi dátumot, az a mai naptól a 30 nappal későbbi időpontig terjedő tartományt eredményez.
K: Beírhatják a felhasználók a dátumokat a választó használata helyett?
Néhány böngésző engedélyezi a gépelést érvényesítéssel. Mások a dátumválasztót kényszerítik. Mindegyik a helyes formázást követeli meg.
K: Mi történik, ha egy felhasználó olyan hétvégét választ, amikor a hétvégék le vannak tiltva?
A rendszer automatikusan átáll a legközelebbi érvényes hétköznapra, jellemzően a következő hétfőre.
K: Használhatok feltételes logikát dátummezőkhöz?
Igen. Használjon olyan összehasonlításokat, mint az „Egyenlő”, „Üres”, „Nem üres”, „Nagyobb, mint” vagy „Kisebb, mint” a többi mező láthatóságának szabályozásához.
K: Hogyan állíthatok be határidőt?
Add meg a határidőt a „Legutóbbi engedélyezett dátum” mezőben. A felhasználók nem választhatnak ki későbbi dátumokat. Kombináld a „Múltbeli dátumok blokkolása” opcióval, ha csak jövőbeli elérhetőségre van szükséged.
