Introduction à la méthode d'implémentation du filtrage des données dans l'applet WeChat (code)

Le contenu de cet article est une introduction à la méthode de mise en œuvre du filtrage des données dans l'applet WeChat (code). Il a une certaine valeur de référence. J'espère que cela vous sera utile.

Parce que les mécanismes d'implémentation internes de wxml et js de l'applet WeChat sont compilés séparément. 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. Par exemple, nous obtenons un tableau contenant des données d'horodatage à partir du backend, puis devons formater et afficher ces dates sur l'interface au format de date 2017-01-01 Dans Vue, Les frameworks Web front-end tels qu'Angular fournissent généralement des solutions relativement faciles à utiliser telles que des filtres dans la couche d'affichage. Vue n'a pas ces méthodes. Cependant, 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) .

var formatDate = function (timestamp,option) {
  var date = getDate(parseInt(timestamp));
  var year = date.getFullYear()
  var month = date.getMonth() + 1
  var day = date.getDate()
  var hour = function(){
    if (date.getHours()<10){  //补‘0’
      return &#39;0&#39; + date.getHours()
    }
    return date.getHours();
  }
  var minute = function () {
    if (date.getMinutes() < 10) {
      return &#39;0&#39; + date.getMinutes()
    }
    return date.getMinutes();
  }
  var second = function () {
    if (date.getSeconds() < 10) {
      return &#39;0&#39; + date.getSeconds()
    }
    return date.getSeconds();
  }

  if (option==&#39;notime&#39;){  //不需要时间
    return year + &#39;-&#39; + month + &#39;-&#39; + day;
  }

  return year + &#39;-&#39; + month + &#39;-&#39; + day + &#39; &#39; + hour() + &#39;:&#39; + minute() + ":" + second();
}

module.exports = {
  formatDate: formatDate,
};

Remarques sur l'utilisation de

<wxs src=&#39;filter.wxs&#39; module=&#39;filter&#39; />
  <view>日期：{{filter.formatDate(要过滤的时间戳)}}</view>

dans les fichiers wxml

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.

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!