1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > 前端使用day.js进行UTC与本地时间之间的转换

前端使用day.js进行UTC与本地时间之间的转换

时间:2018-10-17 13:20:59

相关推荐

前端使用day.js进行UTC与本地时间之间的转换

我在项目中后端传回的时间为UTC格式的时间,我觉得转换为正常时间在页面中看起来更加直观,但是将数据传回后端时也需要转回UTC时间,不然就保存失败 ,跟后端沟通不来就只能自力更生啦,于是通过day.js互转时间格式

1、下载day.js

npm下载

npm install dayjs --save

2、引入day.js与utc插件

import dayjs from 'dayjs'import utc from 'dayjs/plugin/utc'dayjs.extend(utc)

3、封装转换方法

我封装在自己创建的js文件中导出

export function conversionUtcDate(date, type) {if (type === 'local') { // 传入local则将UTC时间转换为本地时间return dayjs.utc(date).local().format('YYYY-MM-DD HH:mm:ss')} else if (type === 'UTC') { // 传入UTC则将时间转换为UTC时间return dayjs(date).utc().format()}}

4、使用

导入方法(根据自己文件所在路径导入)

import { conversionUtcDate } from '@/utils/tools.js'

从后端获取数据时将UTC转换为本地时间

保存数据时将本地时间转换为UTC时间传回后端

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。