vue.js將unix時間戳記轉換為自訂時間格式

本方法透過vue.js filter實作將unix時間戳轉換為自訂標準時間格式

<!-- 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>

以上js程式碼中，年月日時分秒均已經取得到，可以自訂拼裝成需要的標準格式。
需要注意，本方法中的傳入值為13位元unix時間戳，轉換方式詳參js程式碼註解。
function(value){…}部分可以單獨擷取出來作為普通的js方法使用。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持PHP中文網。

更多vue.js將unix時間戳轉換為自訂時間格式相關文章請關注PHP中文網！