Vuelendar. Un nuevo proyecto de Codest basado en Vue.js

Fuente código ouf vuelendar puedes encontrar en nuestro repositorio github.

Breve introducción

Tuvimos que hacer muchos hacks. En un momento dado, decidimos que sería más fácil crear nuestros propios Vue.js desde cero en lugar de personalizar el existente.

Vuelendar permite a los usuarios seleccionar cualquier intervalo de fechas:

o seleccione una sola fecha:

¿Cómo utilizarlo?

Si quieres empezar a usar vuelendar basta con instalarlo:

npm install [email protected]

importar estilos en su archivo .vue:

<style src="vuelendar/scss/vuelendar.scss"></style>

registre los componentes adecuados en su VueJS proyecto:

import VRangeSelector from 'vuelendar/components/vl-range-selector';;
import VDaySelector from 'vuelendar/components/vl-day-selector';

exportar por defecto {
  components: {
    VRangeSelector,
    VDaySelector
  },
  datos () {
    devolver {
      rango: {},
      fecha: null
    }
  }
  // ...
}

y utilizarlo en una plantilla:

También puede consultar el repositorio con demo.

Lea también:

• Informe semanal de Codest sobre los mejores artículos tecnológicos. WebAssembly y pruebas de software (8)
• ¿Qué es Ruby on Jets y cómo crear una aplicación con él?
• ¿Cómo gestionar eficazmente a los desarrolladores remotos? La guía para CTO