1TP57Ημερολόγιο. Ένα νέο έργο του Codest που βασίζεται στο Vue.js

Πηγή κωδικός ouf vuelendar μπορείτε να βρείτε στο github αποθετήριο μας.

Σύντομη εισαγωγή

Χρειάστηκε να κάνουμε πολλά hacks. Κάποια στιγμή, αποφασίσαμε ότι θα ήταν ευκολότερο να δημιουργήσουμε δικά μας Vue.js ημερολόγιο από το μηδέν παρά να προσαρμόσετε το υπάρχον.

Το Vuelendar επιτρέπει στους χρήστες να επιλέξουν οποιοδήποτε εύρος ημερομηνιών:

ή επιλέξτε μια μεμονωμένη ημερομηνία:

Πώς να το χρησιμοποιήσετε;

Αν θέλετε να αρχίσετε να χρησιμοποιείτε το vuelendar, αρκεί να το εγκαταστήσετε:

npm install [email protected]

εισαγωγή στυλ στο αρχείο .vue:

καταχωρίστε τα κατάλληλα εξαρτήματα στο VueJS σας έργο:

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
    }
  }
  // ...
}

και χρήση σε ένα πρότυπο:

Μπορείτε επίσης να ελέγξετε το αποθετήριο με την επιλογή demo.

Διαβάστε επίσης:

• Η εβδομαδιαία έκθεση του Codest με τα καλύτερα άρθρα τεχνολογίας. WebAssembly και δοκιμές λογισμικού (8)
• Τι είναι το Ruby on Jets και πώς να δημιουργήσετε μια εφαρμογή χρησιμοποιώντας το;
• Πώς να διαχειρίζεστε αποτελεσματικά τους απομακρυσμένους προγραμματιστές; Ο οδηγός για τους CTOs