moment.js常用总结

moment常规用法(官方文档中已有详细介绍,在此做一个经常使用的总结):

npm下载:

npm install moment

引入到.vue文件中:

import moment from "moment";

1.将时间转换为2018-08-08格式。vm.time可以是各种时间,使用elementUI中的时间日期选择器获取到的时间均可以防在moment中,传参十分方便。

moment(vm.time).format("YYYY-MM-DD")

2.add是增加时间的含义,subtract是减少时间的含义,里面填入具体增加的数量与单位。当填入负数时,增加-1小时等于减1小时。valueOf可将其转换为时间戳。

p = moment().add(-1,'hour').valueOf();
p = moment().subtract(1,'days').valueOf();
moment().add(7, 'days').add(1, 'months'); // 方法链实现
moment().add({days:7,months:1});

3.将其转化为目标格式,可以组合使用。

moment().subtract(7,'days').format("YYYY-MM-DD")

4.format中的格式

可以是format("YYYY-MM-DD"), format("HH:mm:ss"), format("YYYY-MM-DD    HH:mm:ss")

注意:H一定要大写!!!写成hh:mm:ss时,15:00会改写成3:00

5.使用 Unix时间戳进行初始化,相当于moment(timestamp * 1000)方法。unix方法同样可以获取时间戳。

var day = moment.unix(1318781876);

6.设置起始时间。startOf 对原moment设置为某一时间的单位的起始时间。endOf与startOf()相同,只是将开始时间变成了结束时间

moment().startOf('year');    // set to January 1st, 12:00 am this year
moment().startOf('month');   // set to the first of this month, 12:00 am

7.diff求得两个日期的差值

var a = moment([2008, 9]);
var b = moment([2007, 0]);
a.diff(b, 'years');       // 1
a.diff(b, 'years', true); // 1.75

使用过的只有这么多,具体内容需要查看官方文档哦~( • ̀ω•́ )✧

posted @ 2018-09-10 09:04  番茄芥末饼  阅读(3086)  评论(0编辑  收藏  举报