Tydveld
Versamel tyd met presisie en gemak. Van afspraakskedulering tot skofkeuse met elegante inheemse tydkiesers, slim intervalle en buigsame formatering – die Tyd-veld bied validering, aanpassing en 'n naatlose gebruikerservaring.
Slim Tydversameling met Ingeboude Validasie
Ideaal vir:
Kragtige kenmerke vir elke gebruiksgeval
🕐 Buigsame Tydformate
24-uur of 12-uur-vertoning
Kies die formaat wat by jou gehoor pas. Gebruik 24-uur militêre tyd (14:30) vir internasionale gebruikers of 12-uur met AM/PM (2:30 PM) vir vertroudheid.
Outomatiese formaatomskakeling
Die veld hanteer formaatomskakeling outomaties – gebruikers sien hul voorkeurformaat terwyl jou stelsel konsekwente data ontvang.
Voorbeelde:
- Besigheidsure: 9:00 vm. – 5:00 nm. (12 uur)
- Internasionale skedulering: 09:00 – 17:00 (24-uur)
- Mediese afsprake: 14:30 (24-uur presisie)
⏰ Slim Tydsintervalle
Beheerseleksie-presisie
Stel hoe gedetailleerd tydkeuse moet wees. Kies tussen elke minuut en uurlikse intervalle gebaseer op jou behoeftes.
Beskikbare intervalle:
- Elke minuut (12:00, 12:01, 12:02…) – Maksimum presisie
- Elke 5 minute (12:00, 12:05, 12:10…) – Standaard afsprake
- Elke 10 minute (12:00, 12:10, 12:20…) – Vinnige besprekings
- Elke 15 minute (12:00, 12:15, 12:30…) – Mees algemeen
- Elke 30 minute (12:00, 12:30, 1:00…) – Halfuurgleuwe
- Elke uur (12:00, 1:00, 2:00…) – Eenvoudige keuse
Waarom dit belangrik is:
Minder opsies = vinniger seleksie. Pas intervalle by jou skeduleringsbehoeftes vir beter gebruikerservaring.
🎯 Tydsbeperkings
Stel vroegste en jongste tye in
Beperk beskikbare tye om by besigheidsure, geleentheidskedules of operasionele vensters te pas. Gebruikers kan nie tye buite jou gedefinieerde reeks kies nie.
Slim Validasie
Validering op blaaiervlak verhoed ongeldige indienings voordat gebruikers op indien klik.
Gebruik gevalle:
- Besigheidsure: slegs 9:00 vm. – 6:00 nm.
- Aandgeleenthede: Slegs na 5:00
- Oggendgleuwe: Slegs voor 12:00 PM
- Nagskof: 10:00 – 6:00
Voorbeelde:
- Restaurantbesprekings: Min 11:00 vm., Maks 10:00 nm.
- Gimnasiumklasse: Min 6:00 VM, Maks 9:00 NM
- Ondersteuningsure: Min 8:00 vm., Maks 5:00 nm.
🔧 Standaardtydopsies
Drie Slim Beginwaardes:
1. Leeg (Geen Standaard)
Gebruikers begin met 'n leë veld – die beste wanneer tyd altyd uniek is.
2. Huidige tyd
Vul outomaties in met die huidige tyd wanneer die vorm laai – perfek vir "tyd van voorval" of tydstempelvelde.
3. Aangepaste Tyd
Kies vooraf 'n spesifieke tyd soos "9:00 VM" vir voorgestelde afspraaktye of algemene keuses.
Wanneer om elkeen te gebruik:
- Leeg – Begintye van die geleentheid, persoonlike skedules
- Huidig – Rapporteer tydstempels, inkloktye
- Aangepas – Voorgestelde vergadertye, standaardure
⚡ Sekondes Presisie (Opsioneel)
Voeg sekondes by wanneer nodig
Aktiveer die sekondesveld (HH:MM:SS) vir presiese tydopsporing. Perfek vir tydtoetse, stophorlosies en presiese tydstempels.
Formaatvoorbeelde:
- Sonder sekondes: 14:30 of 2:30
- Met sekondes: 14:30:45 of 2:30:45 PM
Ideaal vir:
- Sporttydsberekening en wedrenuitslae
- Wetenskaplike eksperimente
- Presiese houtkapstelsels
- Tydtoetsvoorleggings
🔀 Voorwaardelike Logika
Dinamiese Tydvelde
Wys of versteek die tydveld gebaseer op ander vormwaardes. Skep intelligente vorms wat aanpas by gebruikersinvoer.
Gevorderde Logika Reëls:
- EN Logika – Alle voorwaardes moet nagekom word
- OF Logika – Enige voorwaarde kan die aksie veroorsaak
- 8 Operators – Gelyk aan, Nie gelyk aan, Groter as, Minder as, Bevat, Is leeg, en meer
Gebruik gevalle:
- Wys slegs "Voorkeuroproeptyd" wanneer "Kontak per telefoon" gekies is.
- Wys "Gebeurtenis begintyd" wanneer gebeurtenis tipe gelyk is aan "Aangepaste gebeurtenis"
- Versteek "Afleweringstyd" wanneer die afleweringsmetode "Standaardversending" is
- Wys "Vergadertyd" wanneer die vergaderingtipe gelyk is aan "Persoonlik"
🎨 Verbeterde gebruikerservaring
Klik-enige plek aktivering
Klik enige plek op die veld om die oorspronklike tydkieser oop te maak – groter teikenarea, beter bruikbaarheid.
Inheemse Tydkiesers
Gebruik die blaaier se ingeboude tydselektor met bekende, platform-geoptimaliseerde koppelvlakke (iOS-wiel, Android-horlosie, lessenaar-aftreklys).
Mobiel geoptimaliseer
Aanraakvriendelike tydkeuse met inheemse mobiele sleutelborde en kiesers.
Ekstra funksies:
- Pasgemaakte CSS-klasse vir stilering
- Versteekte veldmodus vir stelseltye
- Toeganklikheidsondersteuning (ARIA-etikette)
- Vee knoppie uit vir maklike herstel
- Vereiste veldvalidering
- Ondersteuning vir plekhouerteks
Eenvoudige opstelling in 3 stappe
Kry jou Tydveld binne minute gereed
Voeg die Tydveld by
Sleep en laat val die Tyd-veld vanaf die Basiese Velde-afdeling na jou vorm.
Konfigureer Formaat en Intervalle
Kies 'n 12-uur- of 24-uur-formaat, stel tydintervalle in (elke 15 minute, 30 minute, ens.), en voeg opsioneel min/maks tydbeperkings by.
Stel verstektyd
Kies of die veld leeg begin, met huidige tyd, of 'n persoonlike tyd wat jy spesifiseer. Aktiveer sekondes as jy presiese tydsberekening benodig.
???? Dis dit! Jou tydveld is gereed met slim formatering en validering.
Regte-wêreld toepassings
Voltooi Veld Opsies
Basiese konfigurasie
- Veld-etiket – Die titel wat bo die tydveld vertoon word
- Beskrywing/Hulpteks – Bykomende leiding vir gebruikers
- Verpligte veld – Maak tydkeuse verpligtend
- Plekhouerteks – Wenkteks voordat gebruikers 'n tyd kies
Tydformaatinstellings
- Vertoonformaat
- 24-uur horlosie (14:30)
- 12-uur horlosie met AM/PM (2:30)
Presisie en intervalle
- Tydsintervalle
- Elke minuut
- Elke tien minute
- Elke tien minute
- Elke 15 minute (mees gewild)
- Elke tien minute
- Elke uur
Wys Sekondes – Voeg sekondesveld by vir presiese tyd (HH:MM:SS)
Tydsbeperkings
- Vroegste Toegelate Tyd (Min) – Gebruikers kan nie tye voor hierdie kies nie
- Laaste Toegelate Tyd (Maks) – Gebruikers kan nie tye daarna kies nie
Verstekwaardes
- Begintydkeuse
- Geen vooraf gekose tyd nie (leeg)
- Huidige tyd (dinamies – laai wanneer vorm oopmaak)
- Pasgemaakte tyd (spesifieke tyd wat jy stel)
Aangepaste begintyd – Kies die spesifieke tyd om vooraf in te vul (wanneer "Aangepas" gekies is)
Voorwaardelike logika
- Aktiveer Voorwaardelike Logika – Wys/versteek gebaseer op voorwaardes
- Logika tipe
- Alle voorwaardes moet nagekom word (EN)
- Enige voorwaarde kan nagekom word (OF)
- Toestandreëls
- Wys/Versteek – Aksie om te neem
- Veld – Watter veld om te merk
- Operator – Gelyk aan, Nie gelyk aan, Bevat, Groter as, Minder as, Is leeg, Is nie leeg nie
- Waarde – Vergelykingswaarde
- Veelvuldige voorwaardes – Voeg onbeperkte reëls by
Gevorderde opsies
- Versteekte Veldmodus – Gebruik as versteekte veld met voorafbepaalde waarde
- Pasgemaakte CSS-klasse – Pas pasgemaakte stilering toe
- Toeganklikheidskenmerke – ARIA-etikette en beskrywings

Waarom ons tydveld kies?
✅ Intuïtief – Inheemse blaaierkiesers bied bekende ervarings
✅ Buigsaam – 12-uur of 24-uur formate stem ooreen met gebruikersvoorkeure
✅ Presies – Pasgemaakte intervalle van elke minuut tot elke uur
✅ Slim – Min/Maks beperkings voorkom ongeldige tydkeuses
✅ Dinamies – Voorwaardelike logika skep aanpasbare vorme
✅ Gebruikersvriendelik – Klik-enige plek aktivering vir beter gebruikerservaring
✅ Mobiel geoptimaliseer – Aanraakvriendelike inheemse tydkiesers
✅ Volledig geïntegreerd – Werk naatloos met alle vormfunksies
Algemene vrae
V: Wat is die verskil tussen die 12-uur en 24-uur formaat?
12-uur-formaat wys tye met AM/PM, soos 2:30 PM. 24-uur-formaat gebruik tye soos 14:30 en is algemeen internasionaal.
V: Hoe werk tydintervalle?
Intervalle stel hoe gedetailleerd die tydkeuses is. Byvoorbeeld, 'n 15-minuut-interval wys 9:00, 9:15, 9:30, ensovoorts.
V: Kan ek tye beperk tot slegs besigheidsure?
Ja. Stel die vroegste en laaste tye, soos 9:00 vm. tot 5:00 nm., en gebruikers kan slegs binne daardie reeks kies.
V: Wat beteken die verstekwaarde "Huidige tyd"?
Wanneer dit geaktiveer is, vul die veld outomaties in met die gebruiker se huidige tyd wanneer die vorm laai.
V: Het ek die sekondesveld nodig?
Gewoonlik nie. Aktiveer dit slegs wanneer jy presiese tydsberekening benodig, soos HH:MM:SS-inskrywings vir gebeurtenisse of tegniese data.
V: Hoe werk die tydkieser op selfone?
Elke toestel gebruik sy eie gebruikerskoppelvlak. iOS gebruik tipies 'n wielkieser, terwyl Android 'n horlosiestylkieser gebruik.
V: Kan ek voorwaardelike logika met tydvelde gebruik?
Ja. Jy kan velde wys of versteek gebaseer op gekose tye deur voorwaardes soos "Gelyk aan", "Groter as" of "Kleiner as" te gebruik.
V: Wat gebeur as gebruikers probeer om ongeldige tye te kies?
Tye buite die toegelate reeks word deur blaaiervalidering geblokkeer en kan nie gekies word nie.
V: Kan ek vooraf met 'n spesifieke tyd invul?
Ja. Kies "Aangepas" vir die standaardtyd en kies enige waarde wat jy vooraf wil laai.
V: Werk die tydveld in alle blaaiers?
Alle moderne blaaiers ondersteun HTML5-tydinvoere met ingeboude kiesers. Ouer blaaiers val terug op teksinvoer met validering.
V: Kan ek die tydveld stileer om by my webwerf te pas?
Ja. Die kieser gebruik inheemse gebruikerskoppelvlak, maar die invoerveld kan met CSS-klasse gestileer word.
V: Watter formaat gebruik die ingediende tyd?
Tydwaardes word altyd in 24-uur-formaat ingedien, wat konsekwente data vir verwerking verseker.