Maison  >  Article  >  interface Web  >  vue.js convertit l'horodatage Unix en format d'heure personnalisé

vue.js convertit l'horodatage Unix en format d'heure personnalisé

高洛峰
高洛峰original
2017-02-06 11:22:421458parcourir

Cette méthode utilise le filtre vue.js pour convertir les horodatages Unix en formats d'heure standard personnalisés

<!-- js代码 -->
$().ready(function() {
<!-- 自定义filter名称为&#39;time&#39; -->
 Vue.filter(&#39;time&#39;,
 <!-- value 格式为13位unix时间戳 -->
 <!-- 10位unix时间戳可通过value*1000转换为13位格式 -->
 function(value) {
  var date = new Date(value);
  Y = date.getFullYear(),
  m = date.getMonth() + 1,
  d = date.getDate(),
  H = date.getHours(),
  i = date.getMinutes(),
  s = date.getSeconds();
  if (m < 10) {
   m = &#39;0&#39; + m;
  }
  if (d < 10) {
   d = &#39;0&#39; + d;
  }
  if (H < 10) {
   H = &#39;0&#39; + H;
  }
  if (i < 10) {
   i = &#39;0&#39; + i;
  }
  if (s < 10) {
   s = &#39;0&#39; + s;
  }
  <!-- 获取时间格式 2017-01-03 10:13:48 -->
  // var t = Y+&#39;-&#39;+m+&#39;-&#39;+d+&#39; &#39;+H+&#39;:&#39;+i+&#39;:&#39;+s;
  <!-- 获取时间格式 2017-01-03 -->
  var t = Y + &#39;-&#39; + m + &#39;-&#39; + d;
  return t;
 });)
};
<!-- html代码 -->
<!-- 在需要转换格式的位置使用名为time的vue.js filter -->
<td>{{tab2.fb1 | time}}</td>

Dans le code js ci-dessus, l'année, le mois, le jour, l'heure, la minute et la seconde ont été obtenu, vous pouvez personnaliser l'assemblage dans le format standard requis.
Il convient de noter que la valeur entrante dans cette méthode est un horodatage Unix à 13 chiffres. Pour plus de détails sur la méthode de conversion, veuillez vous référer aux commentaires du code js. La partie
function(value){…} peut être extraite séparément et utilisée comme une méthode js ordinaire.

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'apprentissage de chacun. J'espère également que tout le monde soutiendra le site Web PHP chinois.

Pour plus d'articles liés à vue.js convertissant les horodatages Unix en formats d'heure personnalisés, veuillez faire attention au site Web PHP chinois !

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn