ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vue实现时间格式转换

2022-03-02 13:33:44  阅读:787  来源: 互联网

标签:10 vue 转换 dayjs MM getHours timeStr date 格式


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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[[email protected]]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有