So filtern Sie WeChat-Applet-Entwicklungsdaten

In diesem Artikel wird vorgestellt, wie WeChat-Miniprogramme Dateien vom Typ WXS verwenden, um die Datenfilterung zu implementieren. Ich hoffe, dass er Freunden, die die Entwicklung von WeChat-Miniprogrammen erlernen, hilfreich sein wird.

So implementieren Sie die Filterung von WeChat-Applet-Entwicklungsdaten

Weil der interne Implementierungsmechanismus von wxml und js des WeChat-Applets kompiliert ist getrennt von. Es gibt also keine Möglichkeit, js-Funktionen in wxml aufzurufen. Dies führt dazu, dass WXML eine häufig verwendete Funktion fehlt, d. h. es gibt keine Möglichkeit, Daten auf der Ansichtsebene zu formatieren.

Empfohlenes Lernen: Miniprogrammentwicklung

Zum Beispiel erhalten wir ein Array mit Zeitstempeldaten vom Backend und müssen diese Daten dann auf der Schnittstelle formatieren Das Datumsformat wird als 2017-01-01 angezeigt. In Front-End-Webframeworks wie Vue und Angular bietet die Ansichtsebene im Allgemeinen relativ einfach zu verwendende Lösungen wie Filter. Vue verfügt nicht über diese Methoden.

Aber die vom Miniprogramm gestartete WXS-Typdatei soll diese Art von Problem lösen.

Verwenden Sie

, um zunächst eine neue filter.wxs-Datei zu erstellen (sie kann auch direkt in die wxml-Datei geschrieben werden, die öffentliche Methode sollte jedoch trotzdem separat erstellt werden) .

varformatDate =function(timestamp,option){
vardate= getDate(parseInt(timestamp));
varyear =date.getFullYear()
varmonth =date.getMonth() +1
varday =date.getDate()
varhour =function(){
if(date.getHours()<10){
//补‘0’return&#39;0&#39;+date.getHours() 
}r
eturndate.getHours();
}
varminute =function(){
if(date.getMinutes() <10) {
return&#39;0&#39;+date.getMinutes() 
}
returndate.getMinutes(); 
}
varsecond =function(){
if(date.getSeconds() <10) {
return&#39;0&#39;+date.getSeconds() 
}
returndate.getSeconds(); }
if(option==&#39;notime&#39;){
//不需要时间returnyear +&#39;-&#39;+ month +&#39;-&#39;+ day; 
}
returnyear +&#39;-&#39;+ month +&#39;-&#39;+ day +&#39; &#39;+ hour() +&#39;:&#39;+ minute() +:+ second(); 
}
module.exports = {
formatDate: formatDate,
};

Verwenden Sie

Datum in der WXML-Datei: {{filter.formatDate(timestamp to be filtered)}}

Note Things

wxs unterscheidet sich von js-Dateien. Daher werden viele js-APIs nicht unterstützt. Spezifische Unterstützung finden Sie in der offiziellen Dokumentation.

Um beispielsweise das Datum zu erhalten, haben wir ursprünglich new Date() aufgerufen. Es wird in wxs nicht unterstützt, aber das Applet stellt stattdessen eine globale Funktion getDate() bereit.

PHP-Website für Chinesisch, zahlreiche Navicat-Tutorials zum Lernen willkommen!

Das obige ist der detaillierte Inhalt vonSo filtern Sie WeChat-Applet-Entwicklungsdaten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!