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))
}

控制台输出如下：

标签：10,vue,转换,dayjs,MM,getHours,timeStr,date,格式
来源： https://www.cnblogs.com/morango/p/15954636.html