Comment filtrer les données de développement de l'applet WeChat

Cet article présente comment les mini-programmes WeChat utilisent les fichiers de type wxs pour implémenter le filtrage des données. J'espère qu'il sera utile aux amis qui apprennent le développement de mini-programmes WeChat !

Comment implémenter le filtrage des données de développement de l'applet WeChat

Parce que le mécanisme d'implémentation interne de wxml et js de l'applet WeChat est compilé séparément de. Il n'y a donc aucun moyen d'appeler des fonctions js dans wxml. Cela entraînera l'absence d'une fonction couramment utilisée dans WXML, c'est-à-dire qu'il n'y aura aucun moyen de formater les données au niveau de la couche de vue.

Apprentissage recommandé : Développement de mini-programmes

Par exemple, nous obtenons un tableau contenant des données d'horodatage du backend, puis nous devons formater ces dates sur l'interface. Le format de date est affiché sous la forme 2017-01-01. Dans les frameworks Web front-end tels que Vue et Angular, la couche d'affichage fournit généralement des solutions relativement faciles à utiliser telles que le filtre. Vue n'a pas ces méthodes.

Mais le fichier de type wxs lancé par le mini programme est destiné à résoudre ce genre de problème.

Utilisez

pour créer d'abord un nouveau fichier filter.wxs (il peut également être écrit directement dans le fichier wxml, mais la méthode publique doit toujours être créée séparément) .

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,
};

Utiliser

Date dans le fichier wxml : {{filter.formatDate(timestamp to be filtered)}}

Notez les choses

wxs est différent des fichiers js. Par conséquent, de nombreuses API js ne sont pas prises en charge. Veuillez consulter la documentation officielle pour une assistance spécifique.

Par exemple, pour obtenir la date, nous avons initialement appelé new Date(). Ce n'est pas pris en charge dans wxs, mais l'applet fournit à la place une fonction globale getDate().

Site Web PHP chinois, un grand nombre de tutoriels navicat bienvenue pour apprendre !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!