软件教程 2025年08月6日
0 收藏 0 点赞 503 浏览 1320 个字
摘要 :

文章目录 一、[moment]是什么? 二、使用步骤 1.安装 2.导入 3.使用 本文主要讲解关于时间插件momentjs的使用相关内容,让我们来一起学习下吧! 一、[moment]是什么?……




  • 一、[moment]是什么?
  • 二、使用步骤
    • 1.安装
    • 2.导入
    • 3.使用

    本文主要讲解关于时间插件momentjs的使用相关内容,让我们来一起学习下吧!

    一、[moment]是什么?

    moment是JavaScript的一个日期[时间处理]库,它具有简单、强大和易于使用的特点,可以方便地进行日期和时间的格式化、解析等操作。

    二、使用步骤

    1.安装

    代码如下(示例)

    npm install moment
    

    2.导入

    在需要使用的地方导入,代码如下(示例):

    import moment from \"moment\";
    

    3.使用

    1.获取当前时间

    const nowTime = moment(); // 输出结果是一个moment对象
    

    2.[格式化]时间

    const nowTime1 = moment().format(\"YYYY年MM月DD日 HH:mm:ss\");
    const nowTime2 = moment().format(\"YYYY-MM-DD HH:mm:ss\");
    const nowTime3 = moment().format(\"YYYY/MM/DD/HH/mm/ss\");
    console.log(nowTime1); // 2023年12月12日 11:18:43
    console.log(nowTime2); // 2023-12-12 11:18:43
    console.log(nowTime3); // 2023/12/12/11/18/43
    

    注意:moment()也可以接收时间戳标准日期字符串Date对象为参数。

    3.获取本周起始日期

    let start = moment().weekday(1).format(\"YYYY/MM/DD\"); // 本周一
    let end = moment().weekday(7).format(\"YYYY/MM/DD\"); // 本周日
    console.log(start); // 2023/12/11
    console.log(end); // 2023/12/17
    

    4.获取本月起始日期

    let start = moment().month(moment().month()).startOf(\"month\").format(\"YYYY-MM-DD\");
    let end = moment().month(moment().month()).endOf(\"month\").format(\"YYYY-MM-DD\");
    console.log(start); // 2023-12-01
    console.log(end); // 2023-12-31
    

    5.获取全年起始日期

    let start = moment().year(moment().year()).startOf(\"year\").format(\"YYYY-MM-DD\");
    let end = moment().year(moment().year()).endOf(\"year\").format(\"YYYY-MM-DD\");
    console.log(start); // 2023-01-01
    console.log(end); // 2023-12-31
    

    以上就是关于相关的全部内容,希望对你有帮助。欢迎持续关注潘子夜个人博客,学习愉快哦!

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.zuozi.net/6674.html

管理员

相关推荐
2025-08-06

文章目录 一、Promise基础回顾 二、Promise 与 axios 结合使用场景及方法 (一)直接返回 axios …

269
2025-08-06

文章目录 一、模块初始化时的内部机制 二、常见导出写法的差异分析 (一)写法一:module.exports…

107
2025-08-06

文章目录 一、ResizeObserver详解 (一)ResizeObserver是什么 (二)ResizeObserver的基本用法 …

683
2025-08-06

文章目录 一、前期准备工作 (一)下载相关文件 (二)安装必要工具 二、处理扣子空间生成的文件…

338
2025-08-06

文章目录 一、官方文档 二、自动解包的数据类型 ref对象:无需.value即可访问 reactive对象:保持…

371
2025-08-06

文章目录 一、Hooks的工作原理 二、在if语句中使用Hook会出什么岔子? 三、React官方的Hook使用规…

843
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:08:00-23:00

客服QQ

122325244

客服电话

400-888-8888

客服邮箱

122325244@qq.com

扫描二维码

关注微信客服号