>웹 프론트엔드 >JS 튜토리얼 >vue.js는 유닉스 타임스탬프를 사용자 정의 시간 형식으로 변환합니다.

vue.js는 유닉스 타임스탬프를 사용자 정의 시간 형식으로 변환합니다.

高洛峰
高洛峰원래의
2017-02-06 11:22:421509검색

이 방법은 vue.js 필터를 사용하여 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 메소드로 사용할 수 있습니다.

위 내용은 이 글의 전체 내용입니다. 모든 분들의 학습에 도움이 되기를 바랍니다.

유닉스 타임스탬프를 사용자 정의 시간 형식으로 변환하는 vue.js와 관련된 더 많은 기사를 보려면 PHP 중국어 웹사이트에 주목하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.