1TP53Kalenteri. Uusi Codestin projekti, joka perustuu Vue.js:ään.

Lähde koodi ouf vuelendar löydät github-arkistossamme.

Lyhyt johdanto

Meidän piti tehdä paljon hakkerointeja. Jossain vaiheessa päätimme, että olisi helpompaa luoda oma Vue.js-pohjainen kalenteri tyhjästä kuin muokata olemassa olevaa kalenteria.

Vuelendar antaa käyttäjille mahdollisuuden valita minkä tahansa päivämäärävälin:

tai valitse yksittäinen päivämäärä:

Miten sitä käytetään?

Jos haluat aloittaa vuelendar-ohjelman käytön, riittää, että asennat sen:

npm install [email protected]

tuoda tyylejä .vue-tiedostoosi:

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

rekisteröidä asianmukaiset komponentit VueJS-järjestelmään. projekti:

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

export default {
  components: {
    VRangeSelector,
    VDaySelector
  },
  data () {
    return {
      range: {},
      date: null
    }
  }
  // ...
}

ja käyttää mallissa:

Voit myös tutustua arkistoon osoitteessa demo.

Lue myös:

• Codestin viikoittainen raportti parhaista teknologia-artikkeleista. WebAssembly ja ohjelmistotestaus (8)
• Mikä on Ruby on Jets ja miten rakentaa sovellus sen avulla?
• Miten hallita tehokkaasti etäkehittäjiä? Opas teknologiajohtajille