js/jquery/vue/react使用momentjs快速处理时间

Song1078 次浏览0个评论2021年11月24日

安装方法

<script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
# 或者
npm install moment --save   # npm
yarn add moment             # Yarn
Install-Package Moment.js   # NuGet
spm install moment --save   # spm
meteor add momentjs:moment  # meteor

快速开始

moment().format("YYYY-MM-DD HH:mm:ss"); //当前时间
moment().format("E"); //当前周几
moment().subtract(10, "days").format("YYYY-MM-DD"); //当前时间的前10天时间
moment().subtract(1, "years").format("YYYY-MM-DD"); //当前时间的前1年时间
moment().subtract(3, "months").format("YYYY-MM-DD"); //当前时间的前3个月时间
moment().subtract(1, "weeks").format("YYYY-MM-DD"); //当前时间的前一个星期时间
# 当前日期往后加多少天
moment().add(30, "days").format(YYYY-MM-DD HH:mm:ss)

# 计算俩日期相差多少天
//获取当前时间
let m1 = moment();
//获取需要对比的时间
let m2 = moment(time);
//计算相差多少天 day可以是second minute
day = m2.diff(m1, day);

# 传入日期往后加天数
moment("传入时间戳").add(30, "days").format(YYYY-MM-DD HH:mm:ss)

日期转化为时间戳

先用时间字符串初始化moment对象,然后通过unix方法得到unix时间戳,方法如下:
moment("时间字符串").unix()

moment("2022-01-19 12:34:34").unix()
1642566874

日期格式化

moment().format(MMMM Do YYYY, h:mm:ss a); // 十一月 24日 2021, 5:57:32 下午
moment().format(dddd);                    // 星期三
moment().format("MMM Do YY");               // 11月 24日 21
moment().format(YYYY [escaped] YYYY);     // 2021 escaped 2021
moment().format();                          // 2021-11-24T17:57:32+08:00

相对时间

moment("20111031", "YYYYMMDD").fromNow(); // 10 年前
moment("20120620", "YYYYMMDD").fromNow(); // 9 年前
moment().startOf(day).fromNow();        // 18 小时前
moment().endOf(day).fromNow();          // 6 小时内
moment().startOf(hour).fromNow();       // 1 小时前

日历时间

moment().subtract(10, days).calendar(); // 2021/11/14
moment().subtract(6, days).calendar();  // 上星期四17:57
moment().subtract(3, days).calendar();  // 上星期日17:57
moment().subtract(1, days).calendar();  // 昨天17:57
moment().calendar();                      // 今天17:57
moment().add(1, days).calendar();       // 明天17:57
moment().add(3, days).calendar();       // 下星期六17:57
moment().add(10, days).calendar();      // 2021/12/04

多语言支持

moment.locale();         // zh-cn
moment().format(LT);   // 17:57
moment().format(LTS);  // 17:57:32
moment().format(L);    // 2021/11/24
moment().format(l);    // 2021/11/24
moment().format(LL);   // 2021年11月24日
moment().format(ll);   // 2021年11月24日
moment().format(LLL);  // 2021年11月24日下午5点57分
moment().format(lll);  // 2021年11月24日 17:57
moment().format(LLLL); // 2021年11月24日星期三下午5点57分
moment().format(llll); // 2021年11月24日星期三 17:57

计算时间差

moment(endTime).diff(moment(startTime), months)
moment(endTime).diff(moment(startTime), days)
moment(endTime).diff(moment(startTime),minutes )
moment(endTime).diff(moment(startTime), seconds)

提交评论

请登录后评论

用户评论

    当前暂无评价,快来发表您的观点吧...

更多相关好文