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 erstellen Sie Ihr eigenes Docker-Image und laden es auf Dockerhub hoch
1. Registrieren Sie zunächst Ihr eigenes Dockerhu...
Beispielcode für reines CSS zum Erzielen eines Popup-Popup-Effekts beim Hovern von Bildern
Umsetzungsprinzip Die Hauptgrafik besteht aus zwe...
Einführung in die Fallstricke der hohen Parallelität und Leistungsoptimierung unter Linux
Inhaltsverzeichnis Vorwort Analyse und Lösung des...
Detaillierte Erklärung zur Verwendung der Funktion find_in_set() in MySQL
Betrachten wir zunächst ein Beispiel: In der Arti...
Äußerst detaillierte Freigabe der MySQL-Nutzungsspezifikation
In letzter Zeit waren viele datenbankbezogene Vor...
Die Entsprechung zwischen Tomcat- und JDK-Versionen und die Funktionen jeder Tomcat-Version
Apache Tomcat ist eine Open-Source-Software, die ...
Wie implementiert MySQL ACID-Transaktionen?
Vorwort Kürzlich wurde ich in einem Interview gef...
Vue verwendet Canvas, um Kreise zufälliger Größe und ohne Überlappung zu erzeugen
Inhaltsverzeichnis Canvas-bezogene Dokumente Effe...
React verwendet Emotionen zum Schreiben von CSS-Code
Inhaltsverzeichnis Einführung: Installation von E...
js-Code zur Realisierung eines Chatrooms für mehrere Personen
In diesem Artikelbeispiel wird der spezifische Co...
CSS-Pixel und Lösungen für verschiedene Probleme bei der Anpassung mobiler Bildschirme
Pixel Auflösung Mit der Monitorauflösung ist eige...
Vergleichende Analyse von IN und Exists in MySQL-Anweisungen
Hintergrund Als ich kürzlich SQL-Anweisungen schr...
So verstehen und identifizieren Sie Dateitypen in Linux
Vorwort Wie wir alle wissen, ist in Linux alles e...
MySQL fragt den aktuellsten Datensatz der SQL-Anweisung ab (Optimierung)
Die schlechteste Option besteht darin, die Ergebn...
Detaillierte Erläuterung zum Upgrade von Python und zur Installation von Pip unter Linux
Upgrade der Linux-Version: 1. Stellen Sie zunächs...