Vuelendar. Un nuovo progetto di Codest basato su Vue.js

Fonte codice ouf vuelendar è possibile trovare nel nostro repository github.

Breve introduzione

Abbiamo dovuto fare molti hack. A un certo punto, abbiamo deciso che sarebbe stato più facile creare un proprio VueIl calendario basato su .js è stato creato da zero piuttosto che personalizzare quello esistente.

Vuelendar consente di selezionare un intervallo di date:

o selezionare una singola data:

Come si usa?

Per iniziare a usare vuelendar è sufficiente installarlo:

npm installare [email protected]

importare gli stili nel file .vue:

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

registrare i componenti appropriati nell'VueJS progetto:

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

Esportazione predefinita {
  componenti: {
    VRangeSelector,
    VDaySelector
  },
  data () {
    restituire {
      range: {},
      data: null
    }
  }
  // ...
}

e utilizzare in un modello:

Si può anche controllare il repository con demo.

Leggi anche:

• Il report settimanale di Codest sui migliori articoli tecnologici. WebAssembly e test del software (8)
• Che cos'è Ruby on Jets e come si costruisce un'applicazione utilizzandolo?
• Come gestire efficacemente gli sviluppatori remoti? La guida per gli CTO