Vuelendar. Et nyt Codest-projekt baseret på Vue.js

Kilde Kode ouf vuelendar kan du finde i vores github repository.

Kort introduktion

Vi var nødt til at lave en masse hacks. På et tidspunkt besluttede vi, at det ville være nemmere at skabe vores egen Vue.js-baseret kalender fra bunden end at tilpasse den eksisterende.

Vuelendar giver brugerne mulighed for at vælge et interval af datoer:

eller vælg en enkelt dato:

Hvordan bruger man det?

Hvis du vil begynde at bruge vuelendar, er det nok at installere det:

npm installer [email protected]

importere stilarter i din .vue-fil:

.

registrer de relevante komponenter i din VueJS projekt:

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

export default {
  komponenter: {
    VRangeSelector,
    VDaySelector
  },
  data () {
    return {
      interval: {},
      dato: null
    }
  }
  // ...
}

og bruge i en skabelon:

Du kan også tjekke depotet ud med Demo.

Læs også her:

• Codests ugentlige rapport om de bedste tech-artikler. WebAssembly og softwaretestning (8)
• Hvad er Ruby on Jets, og hvordan bygger man en app med det?
• Hvordan håndterer man effektivt eksterne udviklere? En guide til CTO'er