Vuelendar. Nowy projekt Codest oparty na Vue.js

Źródło kod naszego vuelendar można znaleźć w naszym repozytorium github.

Krótkie wprowadzenie

Musieliśmy wykonać wiele hacków. W pewnym momencie zdecydowaliśmy, że łatwiej będzie stworzyć własną aplikację. Vuekalendarz oparty na .js od podstaw niż dostosowywać istniejący.

Vuelendar pozwala użytkownikom wybrać dowolny zakres dat:

lub wybrać pojedynczą datę:

Jak z niego korzystać?

Jeśli chcesz zacząć korzystać z vuelendar, wystarczy go zainstalować:

npm install [email protected]

importuj style w pliku .vue:

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

zarejestrować odpowiednie komponenty w urządzeniu VueJS projekt:

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

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

i użyć w szablonie:

Możesz również sprawdzić repozytorium za pomocą demo.

Czytaj także:

• Cotygodniowy raport Codest o najlepszych artykułach technicznych. WebAssembly i testowanie oprogramowania (8)
• Czym jest Ruby on Jets i jak zbudować aplikację przy jego użyciu?
• Jak skutecznie zarządzać zdalnymi programistami? Przewodnik dla CTO