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.

Manuales de Usuario y Ayuda de Aplicaciones > fwjsPartialRangeSelector: componente para selección parcial de fechas > image-2024-9-10_13-1-58.png

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.