DateTimeRangePicker

Free

Periodo con inicio y fin, elegido en un calendario que muestra dos meses lado a lado (Months) (el primer clic fija el inicio y el segundo el fin) y escrito o ajustado por campo. El valor es un DateTimeRange. Defina IncludeTime en false solo para fechas. Una fecha escrita sin hora conserva la hora ya elegida. Las horas usan el mismo campo que TimePicker.

Ejemplo

Parámetros

Parámetro	Tipo	Descripción
`Class`	`string`	Clases CSS adicionales que se agregan al elemento raíz.
`Disabled`	`bool`	Desactiva la interacción.
`DisplayName`	`string`	Nombre usado en los mensajes de validación.
`HelperText`	`string`	Indicación que se muestra bajo el campo.
`IncludeTime`	`bool`	También elige la hora del día (true de forma predeterminada). Defina false solo para fechas.
`Label`	`string`	Texto visible de la etiqueta (gráficos: nombre accesible; IconButton: nombre accesible y sugerencia).
`MaxDate`	`DateTime?`	Última fecha seleccionable.
`MinDate`	`DateTime?`	Primera fecha seleccionable.
`Months`	`int`	Cuántos meses muestra la ventana emergente lado a lado (2 de forma predeterminada). Se apilan en pantallas estrechas.
`Presets`	`IEnumerable<DateRangePreset>`	Sus propios rangos rápidos: DateRangePreset(label, start, end).
`ReadOnly`	`bool`	Muestra el valor pero no permite cambios.
`ShowPresets`	`bool`	Muestra una lista de rangos rápidos (hoy, últimos 7 días, este mes...) junto al calendario.
`Style`	`string`	Estilo en línea agregado al elemento raíz.
`Value`	`DateTimeRange`	Valor actual. Úselo con @bind-Value.

Eventos

Evento	Tipo	Descripción
`ValueChanged`	`EventCallback<DateTimeRange>`	Se genera cuando cambia el valor.

Paquete

DateTimeRangePicker forma parte de RayCraft Free. Paquete: RayCraft.Blazor. Se obtiene de nuget.org. Consulte Primeros pasos.

Enviar comentariosVersión 1.0.3