moment.js常用格式化

本文介绍如何使用Moment.js进行日期时间的格式化、加减运算及差值计算等操作。包含npm和yarn的安装方法、不同格式的日期时间展示方式、动态实时显示日期时间的方法及计算两个日期之间的差值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

npm安装插件: npm install moment --save

yarn安装插件: yarn add moment

组件内引用:  import moment from 'moment'

日期

moment(new Date()).format("YYYY-MM-DD”)  // 2021-10-23

moment(new Date()).format("YYYY/MM/DD”)  // 2021/10/23

moment(new Date()).format("YYYY年MM月DD日”)  // 2021年10月23日

moment(new Date()).locale('zh-cn').format('L')  // 2021/10/23

moment(new Date()).locale('zh-cn').format('l')  // 2021/10/23

moment(new Date()).locale('zh-cn').format('LL')  // 2021年10月23日

moment(new Date()).locale('zh-cn').format('ll')  // 2021年10月23日

日期时间

moment(new Date()).format("YYYY-MM-DD hh:mm:ss”)  // 2021-10-23 10:50:33

moment(new Date()).format(”YYYY年MM月DD日 hh时mm分ss秒“)  //   2021年10月23日 10时50分33秒

moment(new Date()).locale('zh-cn').format('LLL')  //   2021年10月23日上午10时50分

moment(new Date()).locale('zh-cn').format('lll')  //   2021年10月23日 10:50

moment(new Date()).locale('zh-cn').format('LLLL')  //   2021年10月23日星期四上午10时50分

moment(new Date()).locale('zh-cn').format('llll')  //   2021年10月23日星期四 10:50

日期时间(24小时制)

moment(new Date()).format("YYYY-MM-DD HH:mm:ss”)  // 2021-10-23 23:50:33

moment(new Date()).format(”YYYY年MM月DD日 HH时mm分ss秒“)  //   2021年10月23日 23时50分33秒

星期

moment().format('dddd') // 星期四

当前日期之后..

moment(new Date()).add(1,"days").format("YYYY-MM-DD")  // 2021-10-24  加一天

moment(new Date()).add(1,"months").format("YYYY-MM-DD")  // 2021-11-23  加一月

moment(new Date()).add(1,"years").format("YYYY-MM-DD")  // 2022-10-23  加一年

moment(new Date()).add(1,"weeks").format("YYYY-MM-DD")  // 2021-10-30 加一周

当前日期之前..

moment().subtract(1, "days").format("YYYY-MM-DD") // 2021-10-22  前一天

moment().subtract(1, "months").format("YYYY-MM-DD") // 2021-9-23  前一月

moment().subtract(1, "years").format("YYYY-MM-DD") // 2020-10-23  前一年

moment().subtract(1, "weeks").format("YYYY-MM-DD") // 2021-10-16  前一周

当前日期时分秒毫秒:

moment().format('YYYY年MM月DD日 HH时mm分ss秒SSS毫秒')

动态实时显示:

let [dayDate, dateTime, sssTime] = [null, null, null]

setInterval(() => {

    dayDate = moment().format('YYYY年MM月DD日')

    dateTime = moment().format('HH时mm分ss秒')

    sssTime = moment().format('SSS毫秒')

}, 1);

计算差值

const startDate = '2022-01-01'

const endDate = '2022-10-10'

moment(endDate).diff(startDate, 'day') // 返回相差天数

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值