Heim > Web-Frontend > js-Tutorial > Hauptteil

vue.js konvertiert den Unix-Zeitstempel in ein benutzerdefiniertes Zeitformat

高洛峰
Freigeben: 2017-02-06 11:22:42
Original
1479 Leute haben es durchsucht

Diese Methode verwendet den vue.js-Filter, um Unix-Zeitstempel in benutzerdefinierte Standardzeitformate zu konvertieren

<!-- 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;
 });)
};
Nach dem Login kopieren
<!-- html代码 -->
<!-- 在需要转换格式的位置使用名为time的vue.js filter -->
<td>{{tab2.fb1 | time}}</td>
Nach dem Login kopieren

Im obigen js-Code sind Jahr, Monat, Tag, Stunde, Minute und Sekunde angegeben erhalten wurde, können Sie die maßgeschneiderte Montage in das erforderliche Standardformat durchführen.
Es ist zu beachten, dass der eingehende Wert in dieser Methode ein 13-stelliger Unix-Zeitstempel ist. Bitte beachten Sie die Kommentare zum JS-Code für die Konvertierungsmethode. Der Teil
function(value){…} kann separat extrahiert und als gewöhnliche js-Methode verwendet werden.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er zum Lernen aller beiträgt. Ich hoffe auch, dass jeder die PHP-Chinesisch-Website unterstützt.

Weitere Artikel zum Konvertieren von Unix-Zeitstempeln in benutzerdefinierte Zeitformate durch vue.js finden Sie auf der chinesischen PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage