baozhengrui

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

前端依赖-时间管理工具(moment.js)详细使用文档

1.安装和引入

npm i moment //安装

import moment from 'moment'; //引入

2.基本使用
(1)获取当前时间

(2)格式化时间:

①年份:

YYYY    四位数字完整表示的年份    如:2014  2000

YY    两位数字表示的年份    如:14  98   

②月份:

MMMM    月份,完整的文本格式    January到December

MMM    三个字母缩写表示的月份    Jan到Dec

MM    数字表示的月份,有前导零    0112

M    数字表示的月份,没有前导零    112

③季度:

Q    季度    14

④日:

DD    月份中的第几天,有前导零    0131

D    月份中的第几天,没有前导零    131

⑤星期:

dddd    星期几,完整的星期文本    从Sunday到Saturday

ddd    三个字母表示星期中的第几天    Sun到Sat

d    星期中的第几天,数字表示    0到6,0表示周日,6表示周六

w    年份中的第几周    如42:表示第42周

⑥小时:

HH    小时,24小时制,有前导零    0023
H    小时,24小时制,无前导零    023
hh    小时,12小时制,有前导零    0012
h    小时,12小时制,无前导零    012

A    大写的AM PM    AM PM
a    小写的am pm    am pm

⑦分钟:

mm    有前导零的分钟数    00到59

m    没有前导零的分钟数    0到59nian

⑧秒:

s    没有前导零的秒数    159
ss    有前导零的描述    0159
X    Unix时间戳    141157296

利用format格式化:

经典格式化:

(3)时间获取

注:week是以周天作为初始(0)。周一(1) 即周一到周天(1-0)

isoweek则是周一作为初始(1)。周天(7) 即周一到周天(1-7)

①startOf():

②endOf():

    console.log('今日是:' + moment().format('YYYY-MM-DD HH:mm:ss'))
    //获取今日初始时间
    console.log('今日初始时间:' + moment().startOf('day').format('YYYY-MM-DD HH:mm:ss'))
    //获取本周初始时间(两种版本)
    console.log('本周周(天)初始时间为:' + moment().startOf('week').format('YYYY-MM-DD HH:mm:ss'))
    console.log('本周周(一)初始时间为:' + moment().startOf('isoweek').format('YYYY-MM-DD HH:mm:ss'))
    //获取本月第一天初始时间
    console.log('本月第一天初始时间为:' + moment().startOf('month').format('YYYY-MM-DD HH:mm:ss'))
    //获取今日末时间
    console.log('今日末时间:' + moment().endOf('day').format('YYYY-MM-DD HH:mm:ss'))
    //获取本周末尾时间(两种版本)
    console.log('本周周(六)初始时间为:' + moment().endOf('week').format('YYYY-MM-DD HH:mm:ss'))
    console.log('本周周(天)初始时间为:' + moment().endOf('isoweek').format('YYYY-MM-DD HH:mm:ss'))
    //获取本月最后一天的末时间
    console.log('本月第一天初始时间为:' + moment().endOf('month').format('YYYY-MM-DD HH:mm:ss'))

③daysInMonth() weeksInYear()

    console.log('本月有'+moment().daysInMonth()+'天')

    console.log('这是从今年的第'+moment().weeksInYear()+'周')

④年月日时分秒

注:月份是一月到十二月(0-11)

    console.log('年:'+moment().year())

    console.log('月:'+moment().month())

    console.log('日:'+moment().date())

    console.log('时:'+moment().hours())

    console.log('分:'+moment().minutes())

    console.log('秒:'+moment().seconds())

(4)日期转换

    console.log(moment().toArray())

    // [years, months, date, hours, minutes, seconds, milliseconds]

    console.log(moment().toObject())

     // {years: xxxx, months: x, date: xx ...}

(5)操作时间线

subtract vt. 减去;扣掉,即以前的时间
add vt. 增加,添加,即将来的时间
①set()

console.log(moment(time).set({year:1996,month:8,day:20}).format('YYYY-MM-DD HH:mm:ss'))

②add()

③subtract()

和add()一样操作
(6)比较时间
①diff()

②isBefore(),isAfter(),isBetween()

    let start_date = moment().subtract({year:1,month:1})

    let middle_date = moment().subtract({month:2})

    let end_date = moment()

    console.log('开始时间:'+start_date.format('YYYY-MM-DD HH:mm:ss'))

    console.log('结束时间:'+end_date.format('YYYY-MM-DD HH:mm:ss'))

    console.log(start_date.isBefore(end_date))

    console.log(start_date.isAfter(end_date))

    console.log(middle_date.isBetween(start_date,end_date))


                        版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

原文链接:https://blog.csdn.net/m0_63324578/article/details/144514944

posted on   芮艺  阅读(200)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
点击右上角即可分享
微信分享提示