Időmező
Gyűjtsön időt pontosan és könnyedén. Az időpont-egyeztetéstől a műszakkiválasztásig elegáns, natív időválasztókkal, intelligens intervallumokkal és rugalmas formázással – az Idő mező érvényesítést, testreszabást és zökkenőmentes felhasználói élményt biztosít.
Intelligens időgyűjtés beépített érvényesítéssel
Tökéletes:
Hatékony funkciók minden felhasználási esetre
🕐 Rugalmas időformátumok
24 órás vagy 12 órás kijelző
Válaszd ki a közönségednek megfelelő formátumot. Használj 24 órás katonai időformátumot (14:30) nemzetközi felhasználók számára, vagy 12 órás, délelőtt/du. időformátumot (2:30) a megszokottabb megjelenés érdekében.
Automatikus formátumátalakítás
A mező automatikusan kezeli a formátumkonverziót – a felhasználók a kívánt formátumot látják, miközben a rendszer konzisztens adatokat kap.
Példák:
- Nyitvatartás9:00 – 5:00 (12 óra)
- Nemzetközi ütemezés: 09:00 – 17:00 (24 órás)
- Orvosi időpontok: 14:30 (24 órás pontossággal)
⏰ Intelligens időintervallumok
Vezérléskiválasztás pontossága
Állítsa be az időkiválasztás részletességét. Az igényeinek megfelelően percenkénti vagy óránkénti intervallumokat választhat.
Elérhető intervallumok:
- Percenként (12:00, 12:01, 12:02…) – Maximális pontosság
- 5 percenként (12:00, 12:05, 12:10…) – Normál időpontok
- 10 percenként (12:00, 12:10, 12:20…) – Gyors foglalás
- 15 percenként (12:00, 12:15, 12:30…) – Leggyakoribb
- 30 percenként (12:00, 12:30, 1:00…) – Félórás járatokra
- Óránként (12:00, 1:00, 2:00…) – Egyszerű kiválasztás
Miért számít:
Kevesebb lehetőség = gyorsabb kiválasztás. Igazítsa az időközöket az ütemezési igényeihez a jobb felhasználói élmény érdekében.
🎯 Időtartomány-korlátozások
Legkorábbi és legkésőbbi időpontok beállítása
Korlátozza az elérhető időpontokat a nyitvatartási időhöz, az események ütemezéséhez vagy a működési ablakokhoz igazodva. A felhasználók nem választhatnak a meghatározott tartományon kívül eső időpontokat.
Intelligens validáció
A böngészőszintű ellenőrzés megakadályozza az érvénytelen beküldéseket, mielőtt a felhasználók a beküldés gombra kattintanának.
Használási esetek:
- Nyitvatartás: Csak 9:00 – 6:00
- Esti események: Csak 5:00 óra után
- Reggeli nyitvatartás: Csak 12:00 óra előtt
- Éjszakai műszak: 10:00 – 6:00
Példák:
- Éttermi foglalás: minimum 11:00, maximum 10:00
- Edzőtermi órák: min. 6:00, max. 9:00
- Ügyfélszolgálat nyitvatartása: Min. 8:00, Max. 5:00
🔧 Alapértelmezett időbeállítások
Három okos kezdőérték:
1. Üres (nincs alapértelmezett)
A felhasználók üres mezővel kezdenek – akkor a legjobb, ha az idő mindig egyedi.
2. Jelenlegi idő
Automatikusan kitölti az aktuális idővel, amikor az űrlap betöltődik – tökéletes az „esemény időpontja” vagy az időbélyeg mezőkhöz.
3. Egyéni idő
Válasszon előre egy konkrét időpontot, például „9:00”-t a javasolt időpontokhoz vagy a gyakori kiválasztásokhoz.
Mikor kell mindegyiket használni:
- Üres – Esemény kezdési időpontjai, személyes időbeosztás
- Aktuális – Jelentés időbélyegei, bejelentkezési időpontok
- Egyéni – Javasolt találkozó időpontok, alapértelmezett órák
⚡ Másodperc pontosság (opcionális)
Szükség esetén másodpercek hozzáadása
Engedélyezze a másodperc mezőt (ÓÓ:PP:MM) a pontos időmérés érdekében. Tökéletes időmérőkhöz, stopperórákhoz és pontos időbélyegekhez.
Formátumpéldák:
- Másodperc nélkül: 14:30 vagy 2:30
- Másodpercekkel: 14:30:45 vagy 2:30:45
Ideális:
- Sport időmérő és versenyeredmények
- Tudományos kísérletek
- Precíz naplózó rendszerek
- Időfutam beküldései
🔀 Feltételes logika
Dinamikus időmezők
Az idő mező megjelenítése vagy elrejtése más űrlapértékek alapján. Intelligens űrlapok létrehozása, amelyek alkalmazkodnak a felhasználói bevitelhez.
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 „Preferred hívásidő” lehetőség, ha a „Contact us telphen” (Kapcsolat telefonon) van kiválasztva.
- „Esemény kezdési időpontja” megjelenítése, ha az esemény típusa egyenlő az „Egyéni esemény” értékkel
- „Szállítási idő” elrejtése, ha a szállítási mód „Standard szállítás”
- „Megbeszélés időpontja” megjelenítése, ha a megbeszélés típusa „Személyes”
🎨 Továbbfejlesztett felhasználói élmény
Click-Anyon aktiválás
Kattintson a mező bármely pontjára a natív időválasztó megnyitásához – nagyobb célterület, jobb használhatóság.
Natív időválasztók
A böngésző beépített időválasztóját használja az ismerős, platformra optimalizált felületekkel (iOS görgő, Android óra, asztali legördülő menü).
Mobilra optimalizált
Érintésbarát időkiválasztás natív mobil billentyűzetekkel és kiválasztókkal.
További jellemzők:
- Egyéni CSS osztályok a stílusokhoz
- Rejtett mező mód a rendszeridőhöz
- Akadálymentesítési támogatás (ARIA címkék)
- Törlés gomb az egyszerű alaphelyzetbe állításhoz
- Kötelező mezőérvényesítés
- Helyőrző szöveg támogatása
Egyszerű beállítás 3 lépésben
Készítsd el az időmeződet percek alatt
Idő mező hozzáadása
Húzd át az Idő mezőt az Alapmezők szakaszból az űrlapra.
Formátum és intervallumok konfigurálása
Válasszon 12 vagy 24 órás formátumot, állítson be időintervallumokat (15 percenként, 30 percenként stb.), és opcionálisan adjon hozzá min/max időkorlátokat.
Alapértelmezett idő beállítása
Válassza ki, hogy a mező üresen, az aktuális idővel vagy egy Ön által megadott egyéni idővel induljon-e. Engedélyezze a másodperceket, ha pontos időzítésre van szüksége.
???? Kész is az időmező az intelligens formázásnak és érvényesítésnek köszönhetően.
Valós alkalmazások
Szolgáltatás és foglalás
* Járműszerviz időpontok
* Ingatlan megtekintési ütemtervek
* Túrafoglalási időpontok
* Létesítményfoglalási idősávok
Óra- és programfoglalás
* Fitneszórák időpontjai
* Edzések ütemezése
* Csoportos tevékenységi idősávok
* Óraidő-beállítások
üzletvitel
* Műszak kezdési/befejezési időpontok
* Munkaütemterv benyújtása
* Megbeszélések időpontjának összehangolása
* Elérhetőségi idő kiválasztása
Időpontfoglalás
* Orvosi időpontfoglalás
* Szalon- és gyógyfürdőfoglalás
* Konzultációs időpont kiválasztása
* Szolgáltatási időpontkérés
Esemény regisztrálása
* Esemény kezdési/befejezési időpontja
* Munkamenet időbeállításai
* Workshop időpontok
* Konferencia ütemterv kiválasztása
Szállítás és átvétel
* Ételszállítási időablakok
* Áruházi átvételi idők
* Járdaszéli átvétel ütemezése
* Szállítási időköz beállításai
Teljes mezőbeállítások
Alapvető konfiguráció
- Mezőcímke – Az időmező felett megjelenő cím
- Leírás/Súgószöveg – További útmutatás a felhasználóknak
- Kötelező mező – Az időpont kiválasztása kötelező
- Helyőrző szöveg – Tipp szöveg, mielőtt a felhasználók kiválasztanának egy időpontot
Időformátum beállításai
- Display Format
- 24 órás formátum (14:30)
- 12 órás formátum délelőtt/délután (2:30)
Pontosság és intervallumok
- Időközök
- Minden perc
- Minden 5 perc
- Minden 10 perc
- 15 percenként (legnépszerűbb)
- Minden 30 perc
- Minden órában
Másodpercek megjelenítése – Másodperc mező hozzáadása a pontos időhöz (ÓÓ:PP:MM)
Időkorlátozások
- Legkorábbi engedélyezett időpont (perc) – A felhasználók nem választhatnak ennél korábbi időpontokat.
- Legkésőbbi engedélyezett időpont (maximum) – A felhasználók ezután nem választhatnak időpontokat.
Alapértelmezett értékek
- Kezdő időpont kiválasztása
- Nincs előre kiválasztott időpont (üres)
- Aktuális idő (dinamikus – az űrlap megnyitásakor töltődik be)
- Egyéni idő (az Ön által beállított konkrét időpont)
Egyéni kezdési idő – Válassza ki az előzetes kitöltéshez szükséges konkrét időpontot (ha az „Egyéni” 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ő mód – Használja rejtett mezőként előre beállított értékkel
- Egyéni CSS osztályok – Egyéni stílus alkalmazása
- Akadálymentesítési attribútumok – ARIA címkék és leírások
Miért válassza az Időmezőnket?
✅ Intuitív – A natív böngészőválasztók ismerős élményt nyújtanak
✅ Rugalmas – 12 vagy 24 órás formátumok a felhasználói preferenciákhoz igazodva
✅ Pontos – Egyedi intervallumok percenként és óránként
✅ Okos – A min/max korlátozások megakadályozzák az érvénytelen időbeállításokat
✅ Dinamikus – A feltételes logika adaptív formákat hoz létre
✅ Felhasználóbarát – Kattints bárhová aktiválható a jobb felhasználói élmény érdekében
✅ Mobilra optimalizált – Érintésbarát natív időválasztók
✅ Teljesen integrált – Zökkenőmentesen működik az összes űrlapfunkcióval
Gyakran ismételt kérdések
K: Mi a különbség a 12 órás és a 24 órás formátum között?
A 12 órás formátum az időpontokat délelőtt/délután (DE/DU) együtt jeleníti meg, például délután 2:30-kor. A 24 órás formátum például 14:30-kor jelenik meg, és nemzetközileg elterjedt.
K: Hogyan működnek az időintervallumok?
Az intervallumok határozzák meg az időpontválasztások részletességét. Például egy 15 perces intervallum a 9:00, 9:15, 9:30 és így tovább időpontokat mutatja.
K: Korlátozhatom az időpontokat csak a munkaidőre?
Igen. Állítsa be a legkorábbi és legkésőbbi időpontokat, például 9:00 és 5:00 között, és a felhasználók csak ezen a tartományon belül választhatnak.
K: Mit jelent az „Aktuális idő” alapértelmezett beállítása?
Ha engedélyezve van, a mező automatikusan kitöltődik a felhasználó aktuális idejével, amikor az űrlap betöltődik.
K: Szükségem van a másodperc mezőre?
Általában nem. Csak akkor engedélyezd, ha pontos időzítésre van szükséged, például ÓÓ:PP:MM bejegyzésekre eseményekhez vagy technikai adatokhoz.
K: Hogyan működik az időválasztó mobilon?
Minden eszköz a saját natív felhasználói felületét használja. Az iOS jellemzően görgős választót használ, míg az Android egy óra stílusú választót.
K: Használhatok feltételes logikát időmezőkhöz?
Igen. A mezőket a kiválasztott időpontok alapján megjelenítheti vagy elrejtheti olyan feltételek használatával, mint az „Egyenlő”, „Nagyobb, mint” vagy „Kisebb, mint”.
K: Mi történik, ha a felhasználók érvénytelen időpontokat próbálnak kiválasztani?
A megengedett tartományon kívüli időpontokat a böngésző ellenőrzése blokkolja, és nem választhatók ki.
K: Előre is kitölthetem egy adott időponttal?
Igen. Válassza az „Egyéni” lehetőséget az alapértelmezett időhöz, és válasszon ki egy előre betölteni kívánt értéket.
K: Az idő mező minden böngészőben működik?
Minden modern böngésző támogatja a HTML5 időbevitelt beépített választókkal. A régebbi böngészők szövegbevitelre térnek vissza érvényesítéssel.
K: Meg tudom változtatni az idő mező stílusát, hogy az illeszkedjen a webhelyemhez?
Igen. A pipetta natív felhasználói felületet használ, de a beviteli mező CSS osztályokkal formázható.
K: Milyen formátumot használ a beküldött idő?
Az időértékek mindig 24 órás formátumban kerülnek beküldésre, így biztosítva a feldolgozáshoz szükséges adatok konzisztenciáját.
