Benutzerdefinierte optionale Zeitkalenderkomponente von Vue

<div Klasse = "dateContent-body-day" v-for = "Artikel in 42" :key = "Artikel">
            <div
              v-if="item - beginDay > 0 und item - beginDay <= nowMdays"
              :Klasse="{
                'aktiver Tag': `${year}/${month}/${item - beginDay}` == aktuelles Datum
              }"
              @click="TagesHandler"
              :data-year="Jahr"
              :data-month="Monat"
              :Datentag="Artikel-BeginnTag"
              :data-dates="Jahr + '/' + Monat + '/' + (Element - Beginntag)"
            >
              {{ item-beginDay }}
            </div>
            <div class="anderer-Tag" v-else-if="item - beginDay <= 0">
              {{ item - beginDay + prevMdays }}
    </div>
  <div class="other-day" v-else>{{ item - beginDay - nowMdays }}</div>
</div>

//Klicken, um den Tag zu wechseln dayHandler(e) {
      konsole.log(e);
      var daNum = e.target.dataset;
      wenn (this.cantTime.indexOf(daNum.dates) > -1) {
        this.$toast("Kein freies Datum, kann nicht ausgewählt werden");
        zurückkehren;
      }
      Wenn (
        `${daNum.Jahr}/${daNum.Monat}/${daNum.Tag}` >=
        `${neues Datum().getFullYear()}/${neues Datum().getMonth() +
          1}/${neues Date().getDate()}`
      ) {
        dieses.Datum = e.Ziel.Datensatz.Tag;
        dies.$emit(
          "Datum auswählen",
          dieses.Jahr + "/" + dieser.Monat + "/" + dieses.Datum
        );
      } anders {
        this.$toast("Vergangene Zeit kann nicht ausgewählt werden");
      }
    },
    //Zum nächsten Monat wechseln``nextMonth() {
      wenn (dieser.Monat == 12) {
        dieser.Monat = 1;
        dieses.Jahr++;
      } anders {
        diesen.Monat++;
      }
},

```Javascript
betrachten:
    Datum(Wert, alterWert) {
      wenn (Wert) {
        this.curDate = `${dieses.Jahr}/${dieser.Monat}/${dieses.Datum}`;
      }
    },
    Monat(Wert, alterWert) {
      wenn (Wert) {
        var ndate;
        für (var i = 1; i <= 31; i++) {
          Konsole.log(`${dieses.Jahr}/${dieser.Monat}/${i}`);
          wenn (this.cantTime.indexOf(`${this.year}/${this.month}/${i}`) < 0) {
            console.log("Kein Wert vorhanden, Stopp, Datum bleibt bei " + i);
            nDatum = i;
            brechen;
          }
        }
        Konsole.log(ndate, `${dieses.Jahr}/${dieser.Monat}/${ndate}`);
        //Vergleiche den aktuellen Monat mit dem aktuellen Tag. Der Standardwert für zukünftige Monate ist 1 und der Standardwert für den aktuellen Monat ist heute, wenn (
          `${dieses.Jahr}/${diesen.Monat}/1` >
          `${neues Datum().getFullYear()}/${neues Datum().getMonth() +
            1}/${neues Date().getDate()}`
        ) {
          this.curDate = `${dieses.Jahr}/${dieser.Monat}/${ndate}`;
          dieses.Datum = nDatum;
        } anders {
          für (var i = neues Date().getDate(); i <= 31; i++) {
            Konsole.log(2`${dieses.Jahr}/${dieser.Monat}/${i}`);
            wenn (this.cantTime.indexOf(`${this.year}/${this.month}/${i}`) < 0) {
              dies.curDate = `${new Date().getFullYear()}/${new Date().getMonth() +
            1}/${i}`;
          dieses.Datum = i;
              brechen;
            }
          }
        }
        dies.$emit(
          "Datum auswählen",
          dieses.Jahr + "/" + dieser.Monat + "/" + dieses.Datum
        );
      }
    }
  },

<Kalender :timeArray="timeArray" @chooseDate="chooseHandler"></Kalender>
importiere { Kalender , AlertBox} aus '@/components/index.js';
Standard exportieren {
    Komponenten: {Kalender, AlertBox
    },