Elige un periodo en un calendario que muestra dos meses lado a lado, con rangos rápidos para los casos comunes.
Por qué ayuda
- Dos meses de un vistazo
- Rangos rápidos
- Inicio y fin en un campo
Dónde encaja
- Informes y filtros
- Reserva de vacaciones
- Periodos de estadísticas
Ejemplo
<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;
}Un breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.
Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.