Zum Inhalt springen
DATUM UND ZEIT · FREE

DatePicker

Ein Datum aus einem Kalender wählen, in der Sprache und im Format, die Ihre Benutzer kennen.

Ein Datumsfeld mit Kalender. Monats- und Wochentagsnamen, erster Wochentag und Datumsformat folgen der aktuellen Sprache, sodass Ihre Benutzer Daten so sehen, wie sie sie schreiben.

Warum es hilft

  • Folgt der Sprache des Benutzers
  • Getippte oder gewählte Daten
  • Fehler auch ohne Formular angezeigt

Wo es passt

  • Geburtsdaten und Fristen
  • Bestellformulare
  • Berichte
Das Steuerelement DatePicker auf einer RayCraft-Seite

Beispiel

<DatePicker @bind-Value="_date" Label="Start date" />
<DatePicker @bind-Value="_limited" Label="Within this month" MinDate="_first" MaxDate="_last" />
<span>Selected: @(_date?.ToLongDateString() ?? "none")</span>

@code {
    private DateTime? _date;
    private DateTime? _limited;
    private readonly DateTime _first = new(DateTime.Today.Year, DateTime.Today.Month, 1);
    private DateTime _last => _first.AddMonths(1).AddDays(-1);
}

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.

Alle Steuerelemente ยท Dokumentation