Vuelendar. Un nouveau projet de Codest basé sur Vue.js

Source code ouf vuelendar vous pouvez trouver dans notre dépôt github.

Brève introduction

We needed to do a lot of hacks. At one point, we decided that it would be easier to create own Vue.js based calendar from scratch than customize the existing one.

Vuelendar permet aux utilisateurs de sélectionner n'importe quelle plage de dates :

ou sélectionner une seule date :

Comment l'utiliser ?

Si vous voulez commencer à utiliser vuelendar, il suffit de l'installer :

npm install [email protected]

importer des styles dans votre fichier .vue :

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

enregistrer les composants appropriés dans votre VueJS projet:

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

export default {
  composants : {
    VRangeSelector,
    VDaySelector
  },
  data () {
    return {
      range : {},
      date : null
    }
  }
  // ...
}

et l'utiliser dans un modèle :

Vous pouvez également consulter le référentiel avec démo.

Lire aussi :

• Le rapport hebdomadaire de Codest sur les meilleurs articles technologiques. WebAssembly et les tests de logiciels (8)
• Qu'est-ce que Ruby on Jets et comment construire une application en l'utilisant ?
• Comment gérer efficacement les développeurs à distance ? Le guide pour les CTO