官网dayjs官网
第一步:依旧是先安装在引入
npm install dayjs --save //安装到生产依赖
第二步:引入
import dayjs from 'dayjs'
第三步:引入相对时间的插件
var relativeTime = require('dayjs/plugin/relativeTime') //固定格式
第四步:将相对事件处理插件扩展到核心包里
dayjs.extend(relativeTime)
相对时间
const rt = dayjs().from(dayjs('1990')) // 2 years ago
//在这里可以打印一下
console.log(rt)
不要忘记导出你的包
//第五步:导出你的包
export function TimeOut(time){
//因为你要操作数据所以需要返回:return
return dayjs().from(dayjs(time))
}
不要忘记把这个注册到main.js中
完整代码
import dayjs from 'dayjs'
//第二步: 引入相对时间的插件
var relativeTime = require('dayjs/plugin/relativeTime')
//加载中文包
import 'dayjs/locale/zh-cn' // ES 2015
dayjs.locale('zh-cn') // use locale globally
// 第三步:将相对事件处理插件扩展到核心包里
dayjs.extend(relativeTime)
//相对时间的处理
const rt = dayjs().from(dayjs('1990')) // 2 years ago
console.log(rt)
//第四步:将这个包注册到mian.js中
//第五步:导出你的包
export function TimeOut(time){
//因为你要操作数据所以需要返回:return
return dayjs().from(dayjs(time))
}
关于使用这个包
//时间处理函数
//因为他是内部函数所以我们前面使用_(非必须)
_formatTime(time){
return TimeOut(time);
}
//在组件中我们可以这么用
<span>{{ _formatTime(需要处理的时间) }}</span>
写法二:
在你的项目中引入dayjs
import dayjs from 'dayjs'
在methods中定义处理的方法
methods:{
_formOutTime(time){
return dayjs(time).fromat('需要处理成什么格式')//比如:YYYY-MM-DD;:2018-08-08
}
}
改变成工具函数
创建一个js 文档
import dayjs from 'dayjs'
export function formOutTime(time,value){
//后面可能要的参数不是---而是成为了2018|08|08
return dayjs(time).fromat(value)//比如:YYYY-MM-DD;:2018-08-08
}