Vuelkalender. Ett nytt Codest-projekt baserat på Vue.js

Källa kod ouf vuelendar du kan hitta i vårt github-arkiv.

Kort introduktion

Vi behövde göra en hel del hacks. Vid ett tillfälle bestämde vi oss för att det skulle vara enklare att skapa egna Vue.js-baserad kalender från grunden än att anpassa den befintliga.

Vuelendar gör det möjligt för användare att välja ett datumintervall:

eller välj ett enskilt datum:

Hur använder man den?

Om du vill börja använda vuelendar räcker det med att installera det:

npm installera [email protected]

importera stilar i din .vue-fil:

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

registrera lämpliga komponenter i din VueJS projekt:

import VRangeSelector från 'vuelendar/components/vl-range-selector';
import VDaySelector från 'vuelendar/components/vl-day-selector';

export default {
  komponenter: {
    VRangeSelector,
    VDayVäljare
  },
  data () {
    return {
      intervall: {},
      datum: null
    }
  }
  // ...
}

och använda i en mall:

Du kan också kolla upp arkivet med demo.

Läs också:

• Codests veckorapport med de bästa tekniska artiklarna. WebAssembly och testning av programvara (8)
• Vad är Ruby on Jets och hur bygger man en app med hjälp av det?
• Hur hanterar man utvecklare på distans på ett effektivt sätt? En guide för CTO:er