Et start- og et sluttidspunkt i ét felt, hver skrevet i formatet for det aktuelle sprog.
Hvorfor det hjælper
- Start og slut sammen
- Følger sproget
- Ét kompakt felt
Hvor det passer
- Vagter
- Åbningstider
- Mødetider
Eksempel
<TimeRangePicker @bind-Value="_hours" Label="Working hours" />
<TimeRangePicker @bind-Value="_shift" Label="Night shift" AllowOvernight HelperText="22:00 to 06:00 is allowed" />
<span>Hours: @Show(_hours)</span>
@code {
private TimeRange _hours = new(new TimeSpan(9, 0, 0), new TimeSpan(17, 30, 0));
private TimeRange _shift = new(new TimeSpan(22, 0, 0), new TimeSpan(6, 0, 0));
private static string Show(TimeRange range) => $"{range.Start:hh\\:mm} - {range.End:hh\\:mm}";
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.