RayCraftDocs
v1.0.3
nb
raycraft.dev
På denne siden

DateTimeRangePicker

Free

Periode med start og slutt, valgt i én kalender som viser to måneder side ved side (Months) (første klikk angir starten, andre klikk slutten) og skrevet inn eller justert per felt. Verdien er et DateTimeRange. Angi IncludeTime til false for bare datoer. En dato skrevet inn uten klokkeslett beholder det allerede valgte klokkeslettet. Klokkeslett bruker samme felt som TimePicker.

Eksempel

Kontrollen DateTimeRangePicker

Parametere

ParameterTypeBeskrivelse
ClassstringEkstra CSS-klasser som legges til rotelementet.
DisabledboolDeaktiverer interaksjon.
DisplayNamestringNavn som brukes i valideringsmeldinger.
HelperTextstringHint som vises under feltet.
IncludeTimeboolVelger også klokkeslettet (standard true). Angi false for bare datoer.
LabelstringSynlig etikettekst (diagrammer: tilgjengelig navn; IconButton: tilgjengelig navn og verktøytips).
MaxDateDateTime?Seneste valgbare dato.
MinDateDateTime?Tidligste valgbare dato.
MonthsintHvor mange måneder popup-vinduet viser side ved side (standard 2). De stables på smale skjermer.
PresetsIEnumerable<DateRangePreset>Dine egne raske intervaller: DateRangePreset(label, start, end).
ReadOnlyboolViser verdien, men tillater ikke endringer.
ShowPresetsboolViser en liste med raske intervaller (i dag, siste 7 dager, denne måneden...) ved siden av kalenderen.
StylestringInnebygd stil som legges til rotelementet.
ValueDateTimeRangeGjeldende verdi. Bruk med @bind-Value.

Hendelser

HendelseTypeBeskrivelse
ValueChangedEventCallback<DateTimeRange>Utløses når verdien endres.

Pakke

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