Vuelendar. Ein neues Projekt von Codest auf der Grundlage von Vue.js

Quelle Code ouf vuelendar können Sie finden in unserem Github-Repository.

Kurze Einführung

Wir mussten eine Menge Hacks machen. Irgendwann haben wir beschlossen, dass es einfacher wäre, eigene Vue.js basierten Kalender von Grund auf neu zu erstellen, als den bestehenden anzupassen.

Mit dem Vuelendar können die Benutzer einen beliebigen Datumsbereich auswählen:

oder wählen Sie ein einzelnes Datum aus:

Wie wird es verwendet?

Wenn Sie vuelendar verwenden möchten, müssen Sie es nur installieren:

npm installieren [email protected]

Stile in Ihre .vue-Datei importieren:

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

registrieren Sie die entsprechenden Komponenten in Ihrem VueJS Projekt:

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

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

und in einer Vorlage verwenden:

Sie können das Repository auch mit Demo.

Lesen Sie auch:

• Codest's wöchentlicher Bericht über die besten technischen Artikel. WebAssembly und Software-Tests (8)
• Was ist Ruby on Jets und wie kann man damit eine Anwendung erstellen?
• Wie verwaltet man effektiv Remote-Entwickler? Der Leitfaden für CTOs