Vuelendar. Nový projekt Codestu založený na Vue.js

Zdroj: kód ouf vuelendar najdete v našem repozitáři github.

Krátký úvod

Museli jsme provést spoustu hacků. V jednu chvíli jsme se rozhodli, že bude jednodušší vytvořit si vlastní Vue.js založený kalendář od začátku, než přizpůsobovat ten stávající.

Vuelendar umožňuje uživatelům vybrat libovolný rozsah dat:

nebo vyberte jedno datum:

Jak ji používat?

Pokud chcete začít používat vuelendar, stačí jej nainstalovat:

npm install [email protected]

importovat styly do souboru .vue:

zaregistrujte příslušné komponenty ve svém VueJS projekt:

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

exportovat výchozí {
  components: {
    VRangeSelector,
    VDaySelector
  },
  data () {
    return {
      range: {},
      date: null
    }
  }
  // ...
}

a použít v šabloně:

Úložiště můžete také zkontrolovat pomocí demo.

Přečtěte si také:

• Týdenní přehled nejlepších technických článků společnosti Codest. WebAssembly a testování softwaru (8)
• Co je Ruby on Jets a jak pomocí něj vytvořit aplikaci?
• Jak efektivně řídit vzdálené vývojáře? Průvodce pro CTO