vue-rangedate-picker-espanol

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);
  }
  

License

MIT