Se ha desarrollado un nuevo componente que permite la selección parcial de fechas, algo que los componentes actuales no ofrecen, ya que solo permiten seleccionar rangos completos. Esta mejora es útil en situaciones donde se requiere flexibilidad al elegir solo una parte del rango.
Import
import fwjsPartialRangeSelector from '@/app/shared/components/fwjsPartialRangeSelector.vue';
Ejemplo
<fwjsPartialRangeSelector
id="periodoMovilidadBA"
:label="$t('periodo_movilidad')"
v-model:startDate="filtro.periodoMovilidadDesde"
v-model:endDate="filtro.periodoMovilidadHasta"
/>
Propiedades
| Propiedad | Tipo | Default | Descripción |
|---|---|---|---|
| id | String | ID del componente | |
| class | String | Clase CSS que se añadirá al contenedor del componente. | |
| label | String | Label del selector. | |
| startDate | Date | null | Fecha de inicio del rango. |
| endDate | Date | null | Fecha de fin del rango. |
Eventos
Este componente emite cuatro eventos:
update:startDate
Este evento se lanza siempre que se seleccione la fecha de inicio del selector de fechas.
update:endDate
Este evento se lanza siempre que se seleccione la fecha de findel selector de fechas.