vue.js에서 타임스탬프를 시간으로 변환하는 방법

타임스탬프를 시간으로 변환하는 Vue.js 방법: 먼저 모멘트 플러그인을 설치한 다음 [main.js] 파일에 모멘트 플러그인을 도입하고 마지막으로 dateFormat을 직접 참조하여 타임스탬프를 변환합니다.

이 튜토리얼의 운영 환경: windows10 시스템, vue2.9, 이 기사는 모든 브랜드의 컴퓨터에 적용 가능합니다.

추천: "vue.js Tutorial"

타임 스탬프는 필터의 한 방식으로 이해될 수 있으며 날짜 형식 변환도 프로젝트에서 자주 접하게 됩니다. 오늘은 프로젝트의 함정을 요약하겠습니다. 직면하고 해결책.

타임스탬프를 날짜 형식으로 변환하는 세 가지 방법이 있습니다:

방법 1

1. cmd를 실행하고 npm install moment --save 또는 yarn add를 실행하세요. moment code> 모멘트 플러그인을 설치하는 명령
cmd 执行 npm install moment --save 或者 yarn add moment 命令，安装 moment 插件
2. 在 main.js 文件中引入 moment 插件，并定义全局过滤器
   3. 在后续组件中，如果需要转换vue.js에서 타임스탬프를 시간으로 변환하는 방법，那么在直接引用 dateFormat 即可
   

方式二

1. 直接在 main.js 文件中定义一个全局过滤器

Vue.filter('dateFormat', function(originVal) {
  const dt = new Date(originVal)
  const y = dt.getFullYear()
  const m = (dt.getMonth() + 1 + '').padStart(2, '0')
  const d = (dt.getDate() + '').padStart(2, '0')
  const hh = (dt.getHours() + '').padStart(2, '0')
  const mm = (dt.getMinutes() + '').padStart(2, '0')
  const ss = (dt.getSeconds() + '').padStart(2, '0')
  //时间格式年月日、时分秒  return `${y}-${m}-${d} ${hh}:${mm}:${ss}`})

2. 后面需要的时候，直接使用 dateFormat 即可
   

方式三

HTML：

Js：main.js 파일에 모멘트 플러그인을 소개하고 전역 필터를 정의하세요
3. 후속 구성요소에서 타임스탬프를 변환해야 하는 경우 직접 수행할 수 있습니다. dateFormat 참조

방법 2

메인에서 직접 .js 파일에서 전역 필터 정의

timestampToTime (time) {// vue.js에서 타임스탬프를 시간으로 변환하는 방법为10位需*1000，vue.js에서 타임스탬프를 시간으로 변환하는 방법为13位的话不需乘1000
      var date = new Date(time * 1000) 
      let y = date.getFullYear()
      let MM = date.getMonth() + 1
      MM = MM < 10 ? (&#39;0&#39; + MM) : MM      let d = date.getDate()
      d = d < 10 ? (&#39;0&#39; + d) : d      let h = date.getHours()
      h = h < 10 ? (&#39;0&#39; + h) : h      let m = date.getMinutes()
      m = m < 10 ? (&#39;0&#39; + m) : m      let s = date.getSeconds()
      s = s < 10 ? (&#39;0&#39; + s) : s      return y + &#39;年&#39; + MM + &#39;月&#39; + d + &#39;日&#39;}

나중에 필요할 경우 dateFormat을 직접 사용하세요

방법 3HTML ：

Js:rrreee🎜🎜🎜🎜관련 무료 학습 권장 사항: 🎜JavaScript🎜(동영상)🎜🎜

위 내용은 vue.js에서 타임스탬프를 시간으로 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!