Wählen Sie einen Zeitraum in einem Kalender, der zwei Monate nebeneinander zeigt, mit schnellen Bereichen für die häufigsten Fälle.
Warum es hilft
- Zwei Monate auf einen Blick
- Schnelle Bereiche
- Start und Ende in einem Feld
Wo es passt
- Berichte und Filter
- Urlaubsbuchung
- Statistikzeiträume
Beispiel
<DateTimeRangePicker @bind-Value="_range" ShowPresets="true" IncludeTime="false" Label="Period" />
<span>@(_range.Start?.ToString("d") ?? "–") to @(_range.End?.ToString("d") ?? "–")</span>
@code {
private DateTimeRange _range;
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.