美文网首页
react/vue js (moment)操作日期,加减日期或分

react/vue js (moment)操作日期,加减日期或分

作者: 朱传武 | 来源:发表于2021-01-12 13:41 被阅读0次

A. 增加日期时间

语法

moment().add(Number, String);//通过类型添加
moment().add(Duration);//时间间隔duration
moment().add(Object);//也可以使用对象

添加天数
moment().add(7, 'days');
moment().add(7, 'd');//简写

类型
全(缩)写 描述
years(y)
quarters(Q) 季度
months(M)
weeks(w)
days(d)
hours(h)
minutes(m)
seconds(s)
milliseconds(ms) 毫秒
链式添加时间
moment().add(7, 'days').add(1, 'months');

使用对象添加时间
moment().add({days:7,months:1});

时间间隔duration
var duration = moment.duration({'days' : 1});
moment().add(duration); 

指定特地日期时间
moment("2018-01-28").add(1, 'months');


B. 减少日期时间

语法

moment().subtract(Number, String);
moment().subtract(Duration);
moment().subtract(Object);

用法,类似于add

C. 其他

moment(Date.now()).format("YYYY-MM-DD HH:mm:ss");//获取格式时间
moment(Date.now(), 'YYYY-MM-DD HH:mm:ss').valueOf();//获取时间戳 

把服务器地址转化成本地地址:

import moment from "moment";
import 'moment/src/locale/en-gb'

parseDate = (date) => {
//先确认是utc时间 
 date = date.replace(" ", "T");
  utcDate = date + "Z";
  moment.locale("en-GB");
  console.log(moment(localDate));
  return moment(utcDate).format("DD-MM-YYYY");
};

相关文章

网友评论

      本文标题:react/vue js (moment)操作日期,加减日期或分

      本文链接:https://www.haomeiwen.com/subject/mnnsaktx.html