uniapp中使用moment.js日期插件

moment.js是一个简单容易使用的时间插件
1.官网地址
Moment.js 文档:http://momentjs.cn/docs/
2.安装方法

npm i moment

2.1如果你全局都需要用日期格式化,建议在main.js中把日期moment引入项目中。然后定义一个全局的过滤器,用于时间的格式化

import moment from 'moment'

//全局过滤器
 Vue.filter('dateFormat',date=>{
     return moment(date).format('YYYY-MM-DD')
 })
 
注意事项:在vue创建实例化之前声明全局过滤器

使用方式

<span>{{item.create_time | dateFormat}}</span>

2.2 如果你只是少部分文件中要用到日期格式化,那么就不需要全局引入。在所需要的文件中引入,直接使用就好。

<script>
import moment from 'moment'
....后续代码(方法中使用moment函数就可以)

</script>

3.在项目中常用的moment的方法

//获取当前时间
let raw_time=moment()

//获取当前时间,并格式化形式为 2020-12-12,这种形式
let now=moment().format('YYYY-MM-DD')

//获取输入的日期与今天 的差值。两个日期相差几天
let diff = moment().diff(moment('2020-12-12'),'days')

//判断日期是否小于今天的日期
let value = moment('2016-01-01'); 
let t= moment()>moment(value)

//日期加法add,并格式化
let addtime = moment().add(1, 'd').format('YYYY-MM-DD'),
说明:'d':天(=day)。还可以是'week':周,'hours':小时,'months':月,等等..............

//日期减法subtract,用法跟add一样,自行参照

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值