VueRangedatePickerEspañol
Date picker with range selection
Range date picker en español
Modificación del plugins oficial al español, con ajustes de fechas y cambios para un mejor uso.
Instalación
npm install --save vue-rangedate-picker-espanol
Uso en proyecto laravel
Bundler (Webpack, Rollup)
import Vue from 'vue'
import VueRangedatePickerEspanol from 'vue-rangedate-picker-espanol';
Vue.use(VueRangedatePickerEspanol);
Componente de uso en VUE
<vue-rangedate-picker @selected="onDateSelected" i18n="EN"></vue-rangedate-picker>
-
Selección de fechas
Description : Para un buen uso, debemos crear la variable general en vue data, que es la siguiente:
selectedDate: { start: dateObjectStart end: dateObjectEnd }
En el metodo
onDateSelected
, recibimos y seteamos las variables para poder utilizar el rango de fechas Y-m-d:{ this.startData = this.selectedDate.start.toISOString().slice(0,10); this.endData = this.selectedDate.end.toISOString().slice(0,10); }