Vuelkalender. Et nytt Codest-prosjekt basert på Vue.js

Kilde kode ouf vuelendar kan du finne i vårt github-arkiv.

Kort introduksjon

Vi måtte gjøre mange hacks. På et tidspunkt bestemte vi oss for at det ville være enklere å lage egne Vue.js-basert kalender fra bunnen av enn å tilpasse den eksisterende.

Vuelendar lar brukerne velge et hvilket som helst datointervall:

eller velg en enkelt dato:

Hvordan bruker man den?

Hvis du vil begynne å bruke vuelendar, er det nok å installere det:

npm installer [email protected]

importer stiler i .vue-filen din:

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

registrer passende komponenter i din VueJS prosjekt:

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

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

og bruke i en mal:

Du kan også sjekke ut depotet med demonstrasjon.

Les også:

• Codests ukentlige rapport med de beste teknologiartiklene. WebAssembly og programvaretesting (8)
• Hva er Ruby on Jets, og hvordan bygger man en app ved hjelp av det?
• Hvordan lede eksterne utviklere på en effektiv måte? En guide for CTO-er