vue實現時間格式轉換

1、將當前時間轉換為特定格式：(這里以 yyyy-MM-dd hh:mm:ss為例)

  time.js中時間格式化函數如下：

//時間戳格式化為yyyy-MM-dd hh:mm:ss格式，其他格式也可自行更改
export const formatDateTime = (date) => {
  var date = new Date(date);
  var timeStr = date.getFullYear() + '-';
  if(date.getMonth() < 9) {
    //月份從0開始的
    timeStr += '0';
  }
  timeStr += date.getMonth() + 1 + '-';
  timeStr += date.getDate() < 10 ? ('0' + date.getHours()) : date.getHours();
  timeStr += ' ';
  timeStr += date.getHours() < 10 ? ('0' + date.getHours()) : date.getHours();
  timeStr += ':';
  timeStr += date.getMinutes() < 10 ? ('0' + date.getMinutes()) : date.getMinutes();
  timeStr += ':';
  timeStr += date.getSeconds() < 10 ? ('0' + date.getSeconds()) : date.getSeconds();
  return timeStr;
}

vue頁面中使用：

import { formatDateTime } from './time'

mounted() {
  console.log('當前時間：'+ formatDateTime(new Date().getTime()))     
}    

 

 2、使用dayjs插件。
npm安裝：

npm install dayjs --save

js中引用：

//libs/tools.js公共方法文件中引入

import dayjs from "dayjs"

//時間格式轉換
export function parseDate(date, format = 'YYYY-MM-DD') {
  return dayjs(date).format(format)
}

vue頁面具體應用：

import { parseDate } from '@libs/tools'

mounted() {
  conosle.log('當前時間：' + parseDate(new Date(), 'YYYY-MM-DD HH:mm:ss))
}

控制台輸出如下：