Datofelt
Indsaml datoer med præcision og kontrol. Fra aftalebookinger til fødselsdatoer med fleksibel formatering, datointervalbegrænsninger og smart validering – datofeltet giver indbyggede kalendervælgere effektive kontroller til tidligere datoer, fremtidige datoer, weekender og brugerdefinerede intervaller.
Professionel datainnsamling med smart validering
Perfekt til:
Kraftfulde funktioner til ethvert brugstilfælde
📅 Fire datoformater
Vælg regionale præferencer:
År første: 2023-12-31 (ISO 8601)
Internationalt standardformat. Bedst til databaser, sortering og tekniske applikationer.
Måned først: 31/12/2023 (amerikansk stil)
Amerikansk format. Mest kendt af amerikanske brugere med måned-dag-år rækkefølge.
Dag første: 31/12/2023 (britisk stil)
Britisk/europæisk format med dag-måned-år rækkefølge. Almindeligt internationalt.
Dag først med bindestreger: 31-12-2023
Alternativt europæisk format med bindestreger i stedet for skråstreger.
Hvorfor format er vigtigt:
Matcher brugernes forventninger efter region
Forhindrer forvirring og fejl
Sikrer ensartet datalagring
Forbedrer formularudfyldelsesprocenter
Displaytilpasning:
Formatet påvirker, hvordan datoer vises for brugerne, samtidig med at standardlagringsformatet opretholdes internt.
📏 Begrænsninger for datointerval
Kontroller valgbare datoer:
Første tilladte dato (minimum):
Angiv den tidligste dato, brugerne kan vælge. Datoer før denne er deaktiveret i kalendervælgeren.
eksempler:
- Tilmelding til begivenhed: Minimumsdato = dato for annoncering af begivenhed
- Aftaler: Minimumsdato = i dag (ingen tidligere bookinger)
- Historiske data: Min. dato = virksomhedens stiftelsesdato
- Projektfrister: Minimumsdato = projektets startdato
Sidst tilladte dato (maksimum):
Angiv den seneste dato, som brugerne kan vælge. Datoer efter denne er deaktiveret i kalendervælgeren.
eksempler:
- Early bird-tilmelding: Maksimumsdato = deadline
- Begrænset tilgængelighed: Maks. dato = sidste tilgængelige dato
- Historiske optegnelser: Maks. dato = i dag
- Specifik tidsramme: Maks. dato = kampagnens afslutning
Hurtigindstillingsknapper:
Indstil min./maks. datoer til i dag med et enkelt klik, eller fjern begrænsninger med det samme.
⏮️ Bloker tidligere datoer
Undgå at vælge tidligere datoer:
Aktivér "Bloker tidligere datoer" for at deaktivere alle datoer før i dag. Brugere kan kun vælge i dag eller fremtidige datoer.
Perfekt til:
- Tidsbestilling (ingen tidligere aftaler)
- Tilmelding til arrangementer (kun kommende arrangementer)
- Valg af leveringsdato (fremtidige leverancer)
- Reservationssystemer (forudbestillinger)
- Deadlines (skal være i fremtiden)
Smart adfærd:
Opdateres automatisk dagligt – dagens dato er altid gyldig, gårsdagens dato deaktiveres. Ingen manuel datostyring nødvendig.
Kombinerer med andre begrænsninger:
Brug med maks. dato til at oprette fremtidige vinduer (f.eks. bookinger fra i dag til 30 dage ud).
⏭️ Bloker fremtidige datoer
Undgå at vælge kommende datoer:
Aktivér "Blokér fremtidige datoer" for at deaktivere alle datoer efter i dag. Brugere kan kun vælge i dag eller tidligere datoer.
Perfekt til:
- Indsamling af fødselsdatoer (kan ikke være fremtidig)
- Historiske begivenhedsdatoer (kun fortid)
- Startdatoer for erfaring (hvornår startede du?)
- Færdiggørelsesdatoer (allerede sket)
- Jubilæumsdatoer (tidligere begivenheder)
Brug i den virkelige verden:
Sikrer logisk datoindtastning – fødselsdatoer, ansættelsesdatoer, dimissionsdatoer skal være i fortiden.
Indbygget validering:
Browseren forhindrer automatisk ugyldige valg. Ingen forvirrende fejlmeddelelser er nødvendige.
📆 Deaktiver weekender
Blokvalg lørdag og søndag:
Aktivér "Ingen weekendvalg" for at deaktivere lørdage og søndage i kalendervælgeren. Kun hverdage (mandag-fredag) kan vælges.
Perfekt til:
- Bookinger af forretningsaftaler
- Planlægning af kontorlevering
- Valg af konsultationsdato
- Serviceaftaler (kun man-fre)
- Planlægning af B2B-møder
Smarte interaktioner:
Hvis brugeren på en eller anden måde vælger en weekend (via tastaturet), korrigerer systemet automatisk til næste mandag. Problemfri beskyttelse.
Kombiner med andre muligheder:
Fungerer med tidligere/fremtidige begrænsninger – kun hverdage inden for det tilladte interval kan vælges.
🎯 Standard datoindstillinger
Forudvalgte startdatoer:
Ingen forudvalgt dato (tom):
Feltet starter tomt. Brugere skal aktivt vælge en dato. Bedst til datoer, der varierer meget.
Dagens dato:
Udfyldes automatisk med den aktuelle dato, når formularen indlæses. Opdateres dynamisk hver dag.
Brug sager:
- Felterne "Dato for forespørgsel"
- Tidsstempelformularer
- Dokumentation fra den aktuelle dato
- Dagens valg af tidsplan
Dato i morgen:
Udfyldes automatisk med morgendagens dato. Perfekt til bookinger med den næste dag.
Brug sager:
- Valg af levering næste dag
- Tidsbestillinger i morgen
- Standardindstillinger for fremtidige hændelser
- Tilgængelighed næste dag
Brugerdefineret specifik dato:
Vælg en fast dato for at forudvælge. Fantastisk til foreslåede datoer eller begivenhedsspecifikke formularer.
Brug sager:
- Anbefalet aftaledato
- Standardindstillinger for begivenhedsdatoer
- Forslag til deadlines
- Forudfyldte ansøgningsdatoer
📱 Indbygget kalendervælger
Browseroptimeret datovalg:
Bruger HTML5-datainput med browserens indbyggede kalendervælger. Giver en velkendt, platformspecifik oplevelse.
Platformspecifikt udseende:
- iOS: Smuk hjulvælger
- Android: Material Design-kalender
- Desktop Chrome: Kalender med rullemenu
- Desktop Safari: Kompakt vælger
- Alle optimeret til deres platform
Fordele:
- Intet JavaScript-bibliotek nødvendigt
- Øjeblikkelig indlæsning
- Tilgængelig som standard
- Navigerbart tastatur
- Touch-optimeret
- Minimal filstørrelse
Klik hvor som helst:
Hele feltet kan klikkes for at åbne kalenderen. Stort interaktionsområde forbedrer brugervenligheden.
✅ Smart datovalidering
Indbyggede valideringslag:
Formatvalidering:
Browseren sikrer automatisk korrekt datoformat. Brugere kan ikke indtaste ugyldige datoer som "2023-13-45".
Validering af område:
Min./maks. datoer håndhæves på vælgerniveau. Ugyldige datoer er deaktiveret – kan ikke vælges.
Logikvalidering:
Tidligere/fremtidige/weekendrestriktioner anvendes automatisk. Systemet forhindrer ugyldige valg.
Ryd fejlmeddelelser:
Hvis brugerne på en eller anden måde omgår restriktioner, forklarer tydelige meddelelser: "Datoen skal være efter 2024-01-01" eller "Datoen skal være før 2024-12-31".
🔀 Betinget logik
Dynamisk datofeltsynlighed:
Vis eller skjul datofelter baseret på andre formularværdier. Vis kun relevante datofelter, når det er nødvendigt.
Avancerede logiske regler:
- OG-logik – Alle betingelser skal være opfyldt
- ELLER-logik – Enhver betingelse kan udløse handlingen
- 8 operatorer – Lig med, Ikke lig med, Større end, Mindre end, Indeholder, Er tom og mere
Brug sager:
- Vis kun "Foretrukken dato", når bookingtypen er lig med "Aftale"
- Vis "Begivenhedsdato", når begivenhedstypen ikke er tom
- Vis "Leveringsdato", når leveringsmetoden er lig med "Planlagt"
- Skjul "Returdato", når billettypen er lig med "Enkeltbillet"
🎯 Forbedret brugeroplevelse
Indbyggede smarte funktioner:
- Visuel datovisning – Valgt dato vises i læsbart format
- Kalenderikon – Visuel indikator for datovælger
- Tastaturnavigation – Piletasterne navigerer i kalenderen
- Fanebladstilgængelighed – Fuld tastaturunderstøttelse
- Berøringsoptimeret – Store berøringspunkter på mobilen
- Automatisk korrektion – Ugyldige datoer justeres automatisk til nærmeste gyldige dato
- Fremhævning i dag – Aktuel dato fremhævet i vælgeren
- Hurtigt valg – Klik på datoen, vælgeren lukkes automatisk
- Hjælpetekstsupport – Tilføj tip eller instruktioner til datoformat
- Påkrævet validering – Gør datovalg obligatorisk
- Brugerdefinerede CSS-klasser – Anvend brugerdefineret styling
- Tilgængelighedssupport – ARIA-etiketter, kompatibel med skærmlæser
Enkel opsætning i 3 trin
Få dit datofelt klar på få minutter
Tilføj datofelt
Træk og slip datofeltet fra sektionen Grundlæggende felter til din formular.
Vælg Format og område
Vælg datoformat (USA, Storbritannien, ISO), angiv eventuelt min./maks. datogrænser, og aktiver blokering af fortid/fremtid/weekend efter behov.
Angiv standarddato
Vælg, om feltet starter tomt, skal udfyldes på forhånd med i dag, i morgen eller en brugerdefineret dato, du angiver.
???? Det var det! Dit datofelt er klar med smart validering og native vælgere.
Real-World-applikationer
Aftalebestilling
* Datoer for lægekonsultationer
* Planlægning af konsultation
* Valg af serviceaftale
* Koordinering af mødedatoer
Begivenhedsregistrering
* Datoer for deltagelse i arrangementet
* Valg af workshopdato
* Tilmelding til konferencen
* Tilmeldingsdatoer for klasser
Levering og forsendelse
* Foretrukne leveringsdatoer
* Valg af forsendelsesdato
* Planlægning af afhentningsdato
* Planlægning af afsendelsesdato
Business Applications
* Projektfrister
* Opgavefrister
* Kontraktens ikrafttrædelsesdatoer
* Aftalens start-/slutdatoer
Personlig information
* Indsamling af fødselsdatoer
* Jubilæumsdatoer
* Startdato for ansættelse
* Datoer for færdiggørelse af uddannelse
Forbehold
* Indtjekningsdatoer på hotellet
* Startdatoer for lejemål
* Datoer for bookingbekræftelse
* Valg af reservationsperiode
Komplette feltindstillinger
Grundlæggende konfiguration
- Feltnavn – Titlen vist over datofeltet
- Beskrivelse/hjælpetekst – Yderligere vejledning til brugerne
- Obligatorisk felt – Gør datovalg obligatorisk
- Pladsholder – Ikke relevant for native datovælgere
Dato format
- Sådan viser du datoer:
- År første: 2023-12-31 (ISO 8601)
- Måned først: 31/12/2023 (amerikansk stil)
- Dag første: 31/12/2023 (britisk stil)
- Dag først med bindestreger: 31-12-2023
Begrænsninger for datointerval
- Første tilladte dato – Den tidligste dato, brugerne kan vælge (lad stå tomt for ingen grænse)
- Sidst tilladte dato – Seneste dato, som brugerne kan vælge (lad stå tomt for ingen grænse)
Muligheder for datoblokering
- Bloker tidligere datoer – Forhindrer valg af datoer før i dag
- Bloker fremtidige datoer – Forhindrer valg af datoer efter i dag
- Ingen weekendvalg – Forhindrer valg af lørdage og søndage
Valg af startdato:
- Ingen forudvalgt dato (tom) – Feltet starter tomt
- Dagens dato – Aktuel dato er forudfyldt
- Dato i morgen – Næste dag forudfyldt
- Specifik dato (du vælger) – Brugerdefineret dato forudfyldt
Brugerdefineret standarddato – Vælg din startdato (vises når "Specifik dato" er valgt)
Betinget logik
- Aktivér betinget logik – Vis/skjul baseret på betingelser
- Logisk type
- Alle betingelser skal være opfyldt (OG)
- Enhver betingelse kan opfyldes (ELLER)
- Betingelsesregler
- Vis/Skjul – Handling der skal udføres
- Felt – Hvilket felt skal markeres
- Operator – Lig med, Ikke lig med, Indeholder, Større end, Mindre end, Er tom, Er ikke tom
- Værdi – Sammenligningsværdi
- Flere betingelser – Tilføj et ubegrænset antal regler
Avancerede indstillinger
- Skjult felt – Gør feltet usynligt, men inkluder dato i indsendelser
- Brugerdefinerede CSS-klasser – Anvend brugerdefineret styling
- Tilgængelighedsattributter – ARIA-etiketter til skærmlæsere
Hvorfor vælge vores datofelt?
✅ Flere formater – amerikanske, britiske, ISO- og stiplede formater
✅ Kontrol af datointerval – Indstil min./maks. grænser præcist
✅ Bloker tidligere datoer – Tillad kun fremtidige datovalg
✅ Bloker fremtidige datoer – Tillad kun valg af tidligere datoer
✅ Deaktiver weekender – Kun hverdage til virksomheder
✅ Smarte standardindstillinger – Udfyld på forhånd med i dag, i morgen eller en brugerdefineret dato
✅ Native Pickers – Browseroptimerede kalendere til hver platform
✅ Automatisk validering – Ugyldige datoer kan ikke vælges
✅ Fuldt integreret – Fungerer problemfrit med alle formularfunktioner
Ofte stillede spørgsmål
Q: Hvilke datoformater understøttes?
Fire formater: ISO (2023-12-31), US (12/31/2023), UK (31/12/2023) og Dashed (31-12-2023). Vælg det format, der bedst passer til din målgruppe.
Q: Hvordan forhindrer jeg brugere i at vælge tidligere datoer?
Aktivér "Bloker tidligere datoer". Enhver dato før i dag kan ikke vælges i datovælgeren.
Q: Kan jeg begrænse datoer til et bestemt interval?
Ja. Indstil "Første tilladte dato" og "Sidst tilladte dato" for at begrænse valgmulighederne til et defineret vindue.
Q: Hvad gør "Handicapweekender"?
Lørdage og søndage fjernes fra valgmulighederne. Kun mandag til fredag er stadig tilgængelige.
Q: Hvordan fungerer standarddatoer?
Vælg, om feltet skal starte tomt, vise dags dato, morgendagens dato eller en brugerdefineret dato. I dag og i morgen justeres automatisk.
Q: Ser datovælgeren ens ud på alle enheder?
Nej. Den bruger hver enheds native brugergrænseflade – iOS-hjulvælgere, Android-kalendere, skrivebordsvælgere og så videre.
Q: Kan jeg blokere fremtidige datoer for fødselsdatofelter?
Ja. Aktivér "Bloker fremtidige datoer", så brugerne kun kan vælge datoer til og med i dag.
Q: Hvordan fungerer min/maks datoer sammen med blokering af fortid/fremtid?
De stables. For eksempel resulterer blokering af tidligere datoer plus en maksimal dato på 30 dage frem i tiden i et interval fra i dag til 30 dage frem i tiden.
Q: Kan brugere indtaste datoer i stedet for at bruge vælgeren?
Nogle browsere tillader indtastning med validering. Andre gennemtvinger datovælgeren. Alle gennemtvinger korrekt formatering.
Q: Hvad sker der, hvis en bruger vælger en weekend, når weekender er deaktiveret?
Systemet justerer automatisk til den nærmeste gyldige hverdag, typisk den efterfølgende mandag.
Q: Kan jeg bruge betinget logik med datofelter?
Ja. Brug sammenligninger som "Lige med", "Er tom", "Er ikke tom", "Større end" eller "Mindre end" til at kontrollere synligheden af andre felter.
Q: Hvordan fastsætter jeg en deadline?
Indtast din deadline i "Sidst tilladte dato". Brugere kan ikke vælge datoer efter dette tidspunkt. Kombinér med "Bloker tidligere datoer", hvis du kun har brug for fremtidig tilgængelighed.
