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

Nous avons dû faire beaucoup de bidouillages. À un moment donné, nous avons décidé qu'il serait plus facile de créer nos propres outils. Vue.js à partir de zéro plutôt que de personnaliser un calendrier existant.

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