您现在的位置是：首页 > 网站制作 > vue.js心得vue.js心得

使用date-fns格式化时间

蒙xs2022-07-02【vue.js心得】人已围观

简介与其它时间工具库的比较

monent: 体积最大,功能稍强,同时支持全局导入

dayjs: 体积基本上与date-fns一致,支持全局导入

date-fns: 体积较小,功能基本上可以代替moment,不支持全局导入

1.安装date-fns

npm i date-fns

2、在需要的组件中引入其方法(注意在html直接使用需要return使用的方法名)

import { format } from "date-fns";

3.在html使用

{{ format(new Date('2021-10-22 19:21:06'), "yyyy-MM-dd HH:mm:ss") }}

格式化时间戳

封装函数使用timefun(2021-10-22 19:21:06,yyyy-MM-dd HH:mm:ss)

timefun(arr,arre){//第1个时间（2021-10-22 19:21:06），第2个格式(yyyy-MM-dd HH:mm:ss)
return format(new Date(arr),arre)
},

其他方法

isToday()   判断传入日期是否为今天
isYesterday()   判断传入日期是否为昨天
isTomorrow()   判断传入日期是否为
format()   日期格式化
addDays()   获得当前日期之后的日期
addHours()   获得当前时间n小时之后的时间点
addMinutes()   获得当前时间n分钟之后的时间
addMonths()   获得当前月之后n个月的月份
subDays()   获得当前时间之前n天的时间
subHours()   获得当前时间之前n小时的时间
subMinutes()   获得当前时间之前n分钟的时间
subMonths()   获得当前时间之前n个月的时间
differenceInYears()   获得两个时间相差的年份
differenceInWeeks()   获得两个时间相差的周数
differenceInDays()   获得两个时间相差的天数
differenceInHours()   获得两个时间相差的小时数
differenceInMinutes()   获得两个时间相差的分钟数

参考 https://blog.csdn.net/fsxxzq521/article/details/85715213

Tags：

很赞哦！ ()

上一篇：js正则

下一篇：moment格式化时间几分钟，几秒，几小时前