Datums- und Zeitkomponente des WeChat-Applets (Jahr, Monat, Tag, Stunde und Minute)
|
In diesem Artikelbeispiel wird der spezifische Code der Datums- und Zeitkomponente des WeChat-Applets zu Ihrer Information geteilt. Der spezifische Inhalt ist wie folgt Wie im Bild gezeigt
Der erste Schritt besteht darin, eine neue Picker-Komponentendatei zu erstellen 1. Inhalt des Komponentencodes von pickerTime.js
// Komponente/pickerTime/pickerTime.js
Komponente({
/**
* Liste der Komponenteneigenschaften */
Eigenschaften:
Datum: { // Eigenschaftsname Typ: null, // Typ (erforderlich), derzeit akzeptierte Typen sind: String, Number, Boolean, Object, Array, null (zeigt jeden beliebigen Typ an)
value: null // Anfangswert der Eigenschaft (optional). Wenn nicht angegeben, wird einer entsprechend dem Typ ausgewählt.},
Startdatum: {
Typ: null, // Typ (erforderlich), derzeit akzeptierte Typen sind: String, Number, Boolean, Object, Array, null (zeigt jeden beliebigen Typ an)
value: null // Anfangswert der Eigenschaft (optional). Wenn nicht angegeben, wird einer entsprechend dem Typ ausgewählt.},
Enddatum: {
Typ: null, // Typ (erforderlich), derzeit akzeptierte Typen sind: String, Number, Boolean, Object, Array, null (zeigt jeden beliebigen Typ an)
value: null // Anfangswert der Eigenschaft (optional). Wenn nicht angegeben, wird einer entsprechend dem Typ ausgewählt.},
deaktiviert:
Typ: null, // Typ (erforderlich), derzeit akzeptierte Typen sind: String, Number, Boolean, Object, Array, null (zeigt jeden beliebigen Typ an)
value: false // Anfangswert der Eigenschaft (optional). Wenn nicht angegeben, wird einer entsprechend dem Typ ausgewählt.},
Platzhalter:
Typ: null, // Typ (erforderlich), derzeit akzeptierte Typen sind: String, Number, Boolean, Object, Array, null (zeigt jeden beliebigen Typ an)
value: null // Anfangswert der Eigenschaft (optional). Wenn nicht angegeben, wird einer basierend auf dem Typ ausgewählt.}
},
/**
* Ausgangsdaten der Komponente */
Daten: {
pickerArray: [], //Datumskontrolldatenliste
pickerIndex: [], //Der vom Datumssteuerelement ausgewählte Index
chooseIndex: [], //Datumskontrolle bestätigt den ausgewählten Index
chooseArray: [], //Die Liste nach dem Datums-Control bestätigt die Auswahl
stDate: '', // Startdatum enDate: '' // Enddatum},
/**
* Liste der Komponentenmethoden */
Methoden: {
_onInit() {
let date = neues Datum();
wenn (dieses.Daten.Datum != null) {
lass str = dieses.Daten.Datum;
str = str.replace(/-/g, "/");
Datum = neues Datum(str);
}
Lassen Sie pickerArray = this.data.pickerArray;
// console.log(date.getFullYear());
//Die Standardauswahl liegt innerhalb von 3 Jahren let year = [];
lass Monat = [];
lass Tag = [];
lass Zeit = [];
sei Division = [];
lassen Sie startDate = '';
let endDate = ''
Lassen Sie tpData = {};
wenn (this.data.startDate != null und this.data.endDate == null) {
// Wenn die Startzeit vorhanden ist, wird die Standard-Endzeit auf 2099 gesetzt
Startdatum = this._getDefaultDate(this.data.startDate);
endDate = this._getDefaultDate("2099-12-31 23:59");
tpData = this._getModify(Datum, Startdatum, Enddatum);
}
wenn (this.data.endDate != null und this.data.startDate == null) {
//Wenn es eine Endzeit und keine Startzeit gibt, wird die Standardstartzeit auf 1900 gesetzt
startDate = this._getDefaultDate("1900-01-01 00:00");
endDate = this._getDefaultDate(this.data.endDate);
tpData = this._getModify(Datum, Startdatum, Enddatum);
}
wenn (this.data.endDate != null und this.data.startDate != null) {
Startdatum = this._getDefaultDate(this.data.startDate);
endDate = this._getDefaultDate(this.data.endDate);
tpData = this._getModify(Datum, Startdatum, Enddatum);
}
// console.log(Jahr);
wenn (this.data.startDate == null und this.data.endDate == null) {
startDate = this._getDefaultDate("1901-01-01 00:00");
endDate = this._getDefaultDate("2099-12-31 23:59");
tpData = this._getModify(Datum, Startdatum, Enddatum);
}
wenn (Datum > Enddatum || Datum < Startdatum) {
dies.setData({
Platzhalter: „Standarddatum liegt nicht innerhalb des Zeitbereichs“
})
zurückkehren;
}
// console.log(Unterteilung);
pickerArray[0] = tpData.Jahr;
pickerArray[1] = tpData.Monat;
pickerArray[2] = tpData.Tag;
pickerArray[3] = tpData.time;
pickerArray[4] = tpData.division;
lass mdate = {
Datum: Datum,
Jahr: date.getFullYear() + '',
Monat: date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1 + '',
Tag: date.getDate() < 10 ? '0' + date.getDate() : date.getDate() + '',
Zeit: date.getHours() < 10 ? '0' + date.getHours() : date.getHours() + '',
Unterteilung: date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes() + ''
}
mdate.Platzhalter = mdate.Jahr + '-' + mdate.Monat + '-' + mdate.Tag + ' ' + mdate.Zeit + ':' + mdate.Division;
dies.setData({
pickerArray,
pickerIndex: tpData.index,
wähleIndex: tpData.index,
wähleArray: pickerArray,
Platzhalter: this.data.placeholder != null ? this.data.placeholder : mdate.placeholder,
stDate: Startdatum,
enDate: Enddatum
})
// konsole.log(Datum);
//Platzhaltereigenschaft festlegen und ohne Datumsrückgabe initialisieren, wenn (this.data.placeholder == null){
this.triggerEvent('onPickerChange', mdate);
}
// Konsole.log(dieses.DatenpickerArray);
// console.log(this._getNumOfDays(2018, 10));
},
/**
*
*/
_getDefaultDate(Datum) {
Datum = Datum.Ersetzen(/-/g, "/");
gib ein neues Datum (Datum) zurück;
},
/**
*
* Startdatum, Enddatum und mittleres Datum abrufen * @param {date} newDate Standarddatum * @param {date} startDate Startdatum festlegen * @param {date} stopDate Enddatum festlegen * @returns Daten enthalten ein Array aus Jahr, Monat, Tag, Stunde und Minute */
_getModify(neuesDatum, Startdatum, Stoppdatum) {
lass Daten = {
Jahr: [],
Monat: [],
Tag: [],
Zeit: [],
Abteilung: [],
Index: [0,0,0,0,0]
}
Geben Sie nYear ein, um das neue Datum zu erhalten.
Lassen Sie nMonth = newDate.getMonth() + 1;
let nDay = newDate.getDate();
let nHours = newDate.getHours();
let nMinutes = newDate.getMinutes();
let tYear = startDate.getFullYear();
let tMonth = startDate.getMonth() + 1;
let tDay = startDate.getDate();
let tHours = startDate.getHours();
let tMinutes = startDate.getMinutes();
Geben Sie pYear = stopDate.getFullYear(); ein.
let pMonth = stopDate.getMonth() + 1;
let pDay = stopDate.getDate();
let pHours = stopDate.getHours();
let pMinutes = stopDate.getMinutes();
für (lass i = tJahr; i <= pJahr; i++) {
data.year.push({ id: i, name: i + "year" });
}
Daten.index[0] = nJahr - tJahr;
//Überprüfe, ob das Jahr gleich ist, und fahre dann fort, wenn (nYear == tYear) {
//Endjahr bestimmen und Monat zuweisen. Wenn das Endjahr dasselbe ist, auch Endmonat zuweisen, if (nYear == pYear){
für (lass i = tMonat; i <= pMonat; i++) {
data.month.push({ id: i, name: i + "Monat" });
}
Daten.index[1] = nMonat - tMonat < 0 ? 0 : nMonat - tMonat;
wenn (nMonat == tMonat){
wenn (nMonat == pMonat){
für (lass i = tTag; i <= pTag; i++) {
data.day.push({ id: i, name: i + "Tag" });
}
data.index[2] = nTag - tTag < 0 ? 0 : nTag - tTag;
wenn (nTag == tTag){
wenn (nTag == pTag){
für (sei i = tStunden; i <= pHours; i++) {
wenn (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} anders {
data.time.push({ id: i, name: i + "zeit" });
}
}
data.index[3] = nStunden - tStunden < 0 ? 0 : nStunden - tStunden;
wenn (nStunden == tStunden){
wenn (nStunden == pHours){
für (lass i = tMinuten; i <= pMinuten; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten - tMinuten < 0 ? 0 : nMinuten - tMinuten;
} anders {
für (sei i = tMinuten; i <= 59; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten - tMinuten < 0 ? 0 : nMinuten - tMinuten;
}
} anders {
wenn (nStunden == pHours){
für (lass i = 0; i <= pMinutes; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten;
} anders {
für (sei i = 0; i <= 59; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten;
}
}
} anders {
für (sei i = tStunden; i <= 23; i++) {
wenn (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} anders {
data.time.push({ id: i, name: i + "zeit" });
}
}
data.index[3] = nStunden - tStunden < 0 ? 0 : nStunden - tStunden;
wenn (nStunden == tStunden) {
für (sei i = tMinuten; i <= 59; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten - tMinuten < 0 ? 0 : nMinuten - tMinuten;
} anders {
für (sei i = 0; i <= 59; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten;
}
}
} anders {
wenn (nTag == pTag){
für (sei i = 0; i <= pHours; i++) {
wenn (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} anders {
data.time.push({ id: i, name: i + "zeit" });
}
}
data.index[3] = nStunden;
wenn (nStunden == pHours){
für (lass i = 0; i <= pMinutes; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten;
} anders {
für (sei i = 0; i <= 59; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten;
}
} anders {
für (lass i = 0; i <= 23; i++) {
wenn (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} anders {
data.time.push({ id: i, name: i + "zeit" });
}
}
data.index[3] = nStunden;
// console.log(Zeit);
für (sei i = 0; i <= 59; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten;
}
}
} anders {
Lassen Sie dayNum = this._getNumOfDays(nYear, nMonth);
für (sei i = tTag; i <= TagAnzahl; i++) {
data.day.push({ id: i, name: i + "Tag" });
}
data.index[2] = nTag - tTag < 0 ? 0 : nTag - tTag;
wenn (nTag == tTag) {
für (lass i = tStunden; i <= 23; i++) {
wenn (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} anders {
data.time.push({ id: i, name: i + "zeit" });
}
}
data.index[3] = nStunden - tStunden < 0 ? 0 : nStunden - tStunden;
wenn (nStunden == tStunden) {
für (sei i = tMinuten; i <= 59; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten - tMinuten < 0 ? 0 : nMinuten - tMinuten;
} anders {
für (sei i = 0; i <= 59; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten;
}
} anders {
für (sei i = 0; i <= 23; i++) {
wenn (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} anders {
data.time.push({ id: i, name: i + "zeit" });
}
}
data.index[3] = nStunden;
// console.log(Zeit);
für (sei i = 0; i <= 59; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten;
}
}
} anders {
wenn (nMonat == pMonat){
für (lass i = 1; i <= pDay; i++) {
data.day.push({ id: i, name: i + "Tag" });
}
Daten.index[2] = nTag - 1;
wenn (nTag == pTag){
für (sei i = 0; i <= pHours; i++) {
wenn (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} anders {
data.time.push({ id: i, name: i + "zeit" });
}
}
data.index[3] = nStunden;
wenn (nStunden == pHours){
für (lass i = 0; i <= pMinutes; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten;
} anders {
für (sei i = 0; i <= 59; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten;
}
} anders {
für (lass i = 0; i <= 23; i++) {
wenn (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} anders {
data.time.push({ id: i, name: i + "zeit" });
}
}
data.index[3] = nStunden;
// console.log(Zeit);
für (sei i = 0; i <= 59; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten;
}
} anders {
Lassen Sie dayNum = this._getNumOfDays(nYear, nMonth);
für (lass i = 1; i <= Tageszahl; i++) {
data.day.push({ id: i, name: i + "Tag" });
}
Daten.index[2] = nTag - 1;
für (sei i = 0; i <= 23; i++) {
wenn (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} anders {
data.time.push({ id: i, name: i + "zeit" });
}
}
data.index[3] = nStunden;
// console.log(Zeit);
für (sei i = 0; i <= 59; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten;
}
}
} sonst {//Nur das Startdatum wird benötigt, da das Endjahr anders ist und das Enddatum daher nicht verwendet wird für (let i = tMonth; i <= 12; i++) {
data.month.push({ id: i, name: i + "Monat" });
}
Daten.index[1] = nMonat - tMonat < 0 ? 0 : nMonat - tMonat;
wenn (nMonat == tMonat){
Lassen Sie dayNum = this._getNumOfDays(nYear, nMonth);
für (sei i = tTag; i <= TagAnzahl; i++) {
data.day.push({ id: i, name: i + "Tag" });
}
data.index[2] = nTag - tTag < 0 ? 0 : nTag - tTag;
wenn (nTag == tTag){
für (lass i = tStunden; i <= 23; i++) {
wenn (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} anders {
data.time.push({ id: i, name: i + "zeit" });
}
}
data.index[3] = nStunden - tStunden < 0 ? 0 : nStunden - tStunden;
wenn (nStunden == tStunden){
für (sei i = tMinuten; i <= 59; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten - tMinuten < 0 ? 0 : nMinuten - tMinuten;
} anders {
für (sei i = 0; i <= 59; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten;
}
} anders {
für (lass i = 0; i <= 23; i++) {
wenn (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} anders {
data.time.push({ id: i, name: i + "zeit" });
}
}
data.index[3] = nStunden;
// console.log(Zeit);
für (sei i = 0; i <= 59; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten;
}
} anders {
Lassen Sie dayNum = this._getNumOfDays(nYear, nMonth);
für (lass i = 1; i <= Tageszahl; i++) {
data.day.push({ id: i, name: i + "Tag" });
}
Daten.index[2] = nTag - 1;
für (lass i = 0; i <= 23; i++) {
wenn (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} anders {
data.time.push({ id: i, name: i + "zeit" });
}
}
data.index[3] = nStunden;
// console.log(Zeit);
für (sei i = 0; i <= 59; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten;
}
}
} anders {
wenn (nJahr == pJahr) {
für (lass i = 1; i <= pMonth; i++) {
data.month.push({ id: i, name: i + "Monat" });
}
Daten.index[1] = nMonat - 1;
wenn (nMonat == pMonat){
für (lass i = 1; i <= pDay; i++) {
data.day.push({ id: i, name: i + "Tag" });
}
Daten.index[2] = nTag - 1;
wenn (nTag == pTag){
für (sei i = 0; i <= pHours; i++) {
wenn (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} anders {
data.time.push({ id: i, name: i + "zeit" });
}
}
data.index[3] = nStunden;
wenn (nStunden == pHours){
für (lass i = 0; i <= pMinutes; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten;
} anders {
für (sei i = 0; i <= 59; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten;
}
} anders {
für (lass i = 0; i <= 23; i++) {
wenn (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} anders {
data.time.push({ id: i, name: i + "zeit" });
}
}
data.index[3] = nStunden;
// console.log(Zeit);
für (sei i = 0; i <= 59; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten;
}
} anders {
Lassen Sie dayNum = this._getNumOfDays(nYear, nMonth);
für (lass i = 1; i <= Tageszahl; i++) {
data.day.push({ id: i, name: i + "Tag" });
}
Daten.index[2] = nTag - 1;
für (lass i = 0; i <= 23; i++) {
wenn (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} anders {
data.time.push({ id: i, name: i + "zeit" });
}
}
data.index[3] = nStunden;
// console.log(Zeit);
für (sei i = 0; i <= 59; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten;
}
} anders {
für (lass i = 1; i <= 12; i++) {
data.month.push({ id: i, name: i + "Monat" });
}
Daten.index[1] = nMonat - 1;
Lassen Sie dayNum = this._getNumOfDays(nYear, nMonth);
für (lass i = 1; i <= Tageszahl; i++) {
data.day.push({ id: i, name: i + "Tag" });
}
Daten.index[2] = nTag - 1;
für (lass i = 0; i <= 23; i++) {
wenn (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} anders {
data.time.push({ id: i, name: i + "zeit" });
}
}
data.index[3] = nStunden;
// console.log(Zeit);
für (sei i = 0; i <= 59; i++) {
wenn (i < 10) {
data.division.push({ id: i, name: "0" + i + "0" });
} anders {
data.division.push({ id: i, name: i + "und" });
}
}
data.index[4] = nMinuten;
}
}
Rückgabedaten
},
/**
*
* Anzahl der Tage in diesem Monat ermitteln * @param {number} year
* @param {number} Monat
* @param {number} [day=0] 0 ist der letzte Tag dieses Monats * @returns number 1-31
*/
_getNumOfDays(Jahr, Monat, Tag = 0) {
gib ein neues Datum zurück (Jahr, Monat, Tag).getDate()
},
pickerChange: Funktion (e) {
// console.log('Picker sendet Auswahländerung, trägt Wert', e.detail.value)
Lassen Sie indexArr = e.detail.value;
const jahr = this.data.pickerArray[0][indexArr[0]].id;
const Monat = this.data.pickerArray[1][indexArr[1]].id;
const Tag = this.data.pickerArray[2][indexArr[2]].id;
const Zeit = this.data.pickerArray[3][indexArr[3]].id;
const division = dieses.data.pickerArray[4][indexArr[4]].id;
lass Datum = {
Datum: neues Datum (Jahr + '-' + Monat + '-' + Tag + ' ' + Uhrzeit + ':' + Division),
Jahr: Jahr + '',
Monat: Monat < 10 ? '0' + Monat : Monat + '',
Tag: Tag < 10 ? '0' + Tag : Tag + '',
Zeit: Zeit < 10 ? '0' + Zeit : Zeit + '',
Division: Division < 10 ? '0' + Division : Division + ''
}
date.dateString = date.Jahr + '-' + date.Monat + '-' + date.Tag + ' ' + date.Uhrzeit + ':' + date.Unterteilung;
// konsole.log(Datum);
dies.setData({
wähleIndex: e.detail.value,
wähleArray: this.data.pickerArray,
Platzhalter: date.dateString
})
this.triggerEvent('onPickerChange', Datum);
},
pickerColumnChange: Funktion (e) {
// console.log('Die geänderte Spalte ist', e.detail.column, ', der Wert ist', e.detail.value);
lass Daten = {
pickerArray: dieses.Daten.pickerArray,
pickerIndex: this.data.pickerIndex
};
//Zuerst das Änderungsdatum abrufen und dann die Listendaten neu zuweisen data.pickerIndex[e.detail.column] = e.detail.value;
Lassen Sie cYear = data.pickerArray[0][data.pickerIndex[0]].id;
let cMonth = data.pickerArray[1][data.pickerIndex[1]].id;
Lassen Sie cDay = data.pickerArray[2][data.pickerIndex[2]].id;
Lassen Sie cTime = data.pickerArray[3][data.pickerIndex[3]].id;
Lassen Sie cDivision = data.pickerArray[4][data.pickerIndex[4]].id;
//Zuerst muss festgestellt werden, ob das geänderte Datum korrekt ist. Falsche Tage können zu unbekannten Situationen wie Datumsverwirrung führen. let daysn = this._getNumOfDays(cYear, cMonth);
// Falsche Neuzuweisung if (cDay > daysn) {
cDay = Tagen;
}
// console.log(cJahr + '-' + cMonat + '-' + cTag + ' ' + cZeit + ':' + cDivision);
let newDate = this._getDefaultDate(cYear + '-' + cMonth + '-' + cDay + ' ' + cTime + ':' + cDivision);
//Beurteilen Sie, ob das Änderungsdatum innerhalb des Grenzwertes liegt. Wenn nicht, weisen Sie es neu zu. if (newDate > this.data.enDate) {
neues Datum = this.data.enDate;
}
wenn (neuesDatum < dieses.Daten.stDate){
neuesDatum = this.data.stDate;
}
tpData = this._getModify(newDate, this.data.stDate, this.data.enDate);
data.pickerArray[0] = tpData.Jahr;
data.pickerArray[1] = tpData.Monat;
data.pickerArray[2] = tpData.Tag;
DatenpickerArray[3] = tpData.time;
data.pickerArray[4] = tpData.division;
DatenpickerIndex = tpData.index;
für (lass i = 0; i <= 4; i++) {
wenn (data.pickerArray[i].length - 1 < data.pickerIndex[i]) {
data.pickerIndex[i] = data.pickerArray[i].Länge - 1;
}
}
dies.setData(Daten);
},
pickerCancel: Funktion (e) {
// console.log("abbrechen");
dies.setData({
pickerIndex: diese.Daten.wählenIndex,
pickerArray: diese.Daten.wählenArray
})
},
},
// Das Folgende ist die alte Definitionsmethode, die die Kompatibilität mit der Basisbibliotheksversion <2.2.3 aufrechterhalten kann. attached() {
//Ausführen, wenn die Komponenteninstanz den Seitenknotenbaum eintritt //Ausführen, wenn die Komponenteninstanz den Seitenknotenbaum eintritt // this._onInit();
},
bereit() {
// console.log('Bereitschafts-Außenknoten eingeben =', this.data.date);
dies._onInit();
},
// Das Folgende ist eine neue Methode>=2.2.3
Lebensdauern:
beigefügt() {
// Wird ausgeführt, wenn die Komponenteninstanz den Seitenknotenbaum betritt // this._onInit();
},
losgelöst() {
// Wird ausgeführt, wenn die Komponenteninstanz aus dem Seitenknotenbaum entfernt wird},
bereit() {
// console.log('Geben Sie bereit node= ein', this.data.date);
dies._onInit();
}
}
})2.pickerTime.wxml-Inhalt
<!--component/pickerTime/pickerTime.wxml-->
<Ansicht>
<picker deaktiviert="{{disabled}}" Modus="Multiselektor" bindchange="pickerChange" bindcolumnchange="pickerColumnChange" bindcancel="pickerAbbrechen" Wert="{{pickerIndex}}" Bereich="{{pickerArray}}" Bereichsschlüssel="{{'name'}}">
<Ansicht>
{{Platzhalter}}
</Ansicht>
</picker>
</Ansicht>Auf Seite verwenden 1.Komponenten in demo.json einführen
{
"navigationBarTitleText": "Demo",
"Komponenten verwenden": {
"pickerTime": "/Komponenten/pickerTime/pickerTime"
}
}2. Verwenden Sie wxml auf der Seite
<pickerTime Platzhalter="{{Platzhalter}}" Datum="{{Datum}}" binden:onPickerChange="onPickerChange"
startDate="{{startDate}}" endDate="{{endDate}}">
</pickerTime>3.demo.js
Daten:{
Datum: '2019-01-01 13:37',
Startdatum: '2019-01-01 12:37',
Enddatum: '2029-03-12 12:38',
Platzhalter: „Bitte wählen Sie eine Uhrzeit aus“
},
onPickerChange: Funktion (e) {
dies.setData({
date: e.detail.dateString //ausgewählte Daten})
},
toDouble: Funktion (num) {
if (num >= 10) { // größer als 10
Rückgabenummer;
} sonst {//0-9
return '0' + num
}
},
getToday: Funktion () {
let date = neues Datum();
Jahr = Datum.getFullYear();
lass Monat = Datum.getMonth() + 1;
lass Tag = Datum.getDate();
returniere Jahr + '-' + this.toDouble(Monat) + '-' + this.toDouble(Tag)
},
//Auf das Laden der Seite warten onLoad: function (options) {
Lassen Sie dayTime = this.getToday();
lassen Sie dayHour = "18:00";
let endingTime1 = Tageszeit + " " + Tagesstunde;
dies.setData({
Datum: endingTime1
})
},Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
<<: So konfigurieren Sie Eureka im Docker
>>: Unterschied zwischen HTML ReadOnly und Enabled
Artikel empfehlen
So fügen Sie einem Alpine-Image einen Ansible-Dienst hinzu
Verwenden Sie apk add ansible, um den Ansible-Die...
Tutorial zur Installation des MySQL 5.7.18-Binärpakets unter Linux (ohne Standardkonfigurationsdatei my_default.cnf)
Ich lerne gerade MySQL. Ich bin ein kompletter Ne...
Schreiben von Methoden, die in nativem JS verboten sein sollten
Inhaltsverzeichnis Funktionen auf Blockebene Ände...
So implementieren Sie die GZIP-Komprimierung in Nginx, um die Website-Geschwindigkeit zu verbessern
Inhaltsverzeichnis Warum GZIP-Komprimierung verwe...
vue.js lädt Bilder entsprechend der Bild-URL herunter
Als ich kürzlich an einem Frontend-Docking-Funkti...
Nginx erstellt Implementierungscode für RTMP-Liveserver
1. Erstellen Sie ein neues RTMP-Verzeichnis im Ng...
Tomcat verwendet Thread-Pool zur Verarbeitung gleichzeitiger Remote-Anfragen
Wenn wir verstehen, wie Tomcat gleichzeitige Anfr...
So konfigurieren Sie mehrere Tomcats mit Nginx-Lastausgleich unter Linux
Die Methoden zur Installation von Nginx und mehre...
Implementierung von Add-, Delete-, Modification- und Query-Operationen in MySQL basierend auf sqlalchemy
Bedarfsszenario: Der Chef bat mich, den Crawler z...
So lösen Sie das Problem, dass das Projekt in Eclipse nicht zu Tomcat hinzugefügt werden kann
1. Klicken Sie mit der rechten Maustaste auf das ...
Kann Asynchronität in JavaScript „Await“ speichern?
Ich wusste vorher, dass man await verwenden muss,...
Einige Vorschläge zur Lesbarkeit des Vue-Codes
Inhaltsverzeichnis 1. Nutzen Sie Komponenten sinn...
Implementierung von TypeScript im React-Projekt
Inhaltsverzeichnis 1. Einleitung 2. Nutzung Zusta...
So finden Sie die IP-Adresse von Raspberry Pi, wenn es ohne Bildschirm mit dem drahtlosen Netzwerk verbunden ist
Wir gehen davon aus, dass Sie ein linuxer sind, a...
Linux verwendet den Befehl lsof, um den Status des Dateiöffnens zu überprüfen
Vorwort Wir alle wissen, dass unter Linux „alles ...