Home > Web Front-end > JS Tutorial > vue.js convert unix timestamp to custom time format

vue.js convert unix timestamp to custom time format

高洛峰
Release: 2017-02-06 11:22:42
Original
1508 people have browsed it

This method uses vue.js filter to convert unix timestamps into custom standard time formats

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

In the above js code, the year, month, day, hour, minute and second have been obtained, and can be customized and assembled as needed standard format.
It should be noted that the incoming value in this method is a 13-digit unix timestamp. For details on the conversion method, please refer to the js code comments. The
function(value){…} part can be extracted separately and used as an ordinary js method.

The above is the entire content of this article. I hope it will be helpful to everyone's learning. I also hope that everyone will support the PHP Chinese website.

For more articles related to vue.js converting unix timestamps into custom time formats, please pay attention to the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template