快捷搜索: 长连接 前端 源码 pan

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一样,自行参照
经验分享 程序员 微信小程序 职场和发展