RayCraftDocs
v1.0.3
da
raycraft.dev
På denne side

DateTimeRangePicker

Free

Periode med start og slut, valgt i én kalender, der viser to måneder side om side (Months) (første klik angiver starten, andet klik slutningen) og indtastet eller justeret pr. felt. Værdien er et DateTimeRange. Angiv IncludeTime til false for kun datoer. En dato indtastet uden klokkeslæt bevarer det allerede valgte klokkeslæt. Klokkeslæt bruger samme felt som TimePicker.

Eksempel

Kontrollen DateTimeRangePicker

Parametre

ParameterTypeBeskrivelse
ClassstringEkstra CSS-klasser, der tilføjes til rodelementet.
DisabledboolDeaktiverer interaktion.
DisplayNamestringNavn, der bruges i valideringsmeddelelser.
HelperTextstringTip, der vises under feltet.
IncludeTimeboolVælger også klokkeslættet (standard true). Angiv false til kun datoer.
LabelstringSynlig etikettekst (diagrammer: tilgængeligt navn; IconButton: tilgængeligt navn og værktøjstip).
MaxDateDateTime?Seneste valgbare dato.
MinDateDateTime?Tidligste valgbare dato.
MonthsintHvor mange måneder pop-up'en viser side om side (standard 2). De stables på smalle skærme.
PresetsIEnumerable<DateRangePreset>Dine egne hurtige intervaller: DateRangePreset(label, start, end).
ReadOnlyboolViser værdien, men tillader ikke ændringer.
ShowPresetsboolViser en liste med hurtige intervaller (i dag, de sidste 7 dage, denne måned...) ved siden af kalenderen.
StylestringIndlejret typografi, der tilføjes til rodelementet.
ValueDateTimeRangeAktuel værdi. Brug med @bind-Value.

Hændelser

HændelseTypeBeskrivelse
ValueChangedEventCallback<DateTimeRange>Udløses, når værdien ændres.

Pakke

DateTimeRangePicker er en del af RayCraft Free. Pakke: RayCraft.Blazor. Den hentes fra nuget.org. Se Kom i gang.