Vuekalender. Een nieuw project van Codest gebaseerd op Vue.js

Bron code ouf vuelendar kunt u vinden in onze github repository.

Korte introductie

We moesten veel hacks doen. Op een gegeven moment besloten we dat het gemakkelijker zou zijn om onze eigen Vue.js gebaseerde kalender vanaf nul dan de bestaande aanpassen.

Met Vuelendar kunnen gebruikers een reeks datums selecteren:

of selecteer een enkele datum:

Hoe gebruik je het?

Als je vuelendar wilt gaan gebruiken is het voldoende om het te installeren:

npm installeren [email protected]

Importeer stijlen in je .vue bestand:

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

registreer de juiste onderdelen in uw VueJS project:

importeer VRangeSelector uit 'vuelendar/components/vl-range-selector';
importeer VDaySelector uit 'vuelendar/components/vl-day-selector';

export standaard {
  componenten: {
    VRangeSelector,
    VDaySelector
  },
  data () {
    return {
      bereik: {},
      datum: null
    }
  }
  // ...
}

en gebruiken in een sjabloon:

Je kunt het archief ook bekijken met demo.

Lees ook:

• Codest's wekelijkse verslag van de beste tech-artikelen. WebAssembly en software testen (8)
• Wat is Ruby on Jets en hoe bouw je er een app mee?
• Hoe ontwikkelaars op afstand effectief beheren? De gids voor CTO's