Zum Inhalt springen
DATUM UND ZEIT · FREE

TimePicker

Eine Uhrzeit im erwarteten Format eingeben.

Geben Sie eine Uhrzeit im Format ein, das Ihre Benutzer erwarten: 9:30 AM auf Englisch, 9:30 auf Bulgarisch.

Warum es hilft

  • Folgt der Sprache
  • Getippt oder gewählt
  • Funktioniert mit Formularen

Wo es passt

  • Öffnungszeiten
  • Erinnerungen
  • Termine
Das Steuerelement TimePicker auf einer RayCraft-Seite

Beispiel

<TimePicker @bind-Value="_time" Label="Meeting time" />
<span>Selected: @(_time?.ToString(@"hh\:mm") ?? "none")</span>

@code {
    private TimeSpan? _time = new(9, 30, 0);
}

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