在线客服

vue使用moment.js获取时间

adminadmin 报建百科 2024-04-24 67 25
vue使用moment.js获取时间

一、安装/引用插件moment.js

npm install moment --save

import moment from "moment"

二、使用

注:需要?年月日?的朋友只需??'YYYY-MM-DD'

? ? ? ?需要?时分秒?的朋友加上?'HH:mm:ss'?即可

1、获取当前日期:

let time = moment().format("YYYY-MM-DD HH:mm:ss");
console.log(time)  // 2022-07-01 10:00:16

2、获取当前时间之前的时间:

//三天前时间
let time = moment().subtract(3, "days").format("YYYY-MM-DD"); // 2022-06-28
 
 
//五天前时间
let time = moment().subtract(5, "days").format("YYYY-MM-DD"); // 2022-06-26
 
 
//一周之前时间
let time = moment().subtract(1, "weeks").format("YYYY-MM-DD HH:mm:ss") // 2022-06-24
 
 
//一个月之前时间
let time = moment().subtract(1, "months").format("YYYY-MM-DD") // 2022-06-01
 
 
//一年之前时间
let time = moment().subtract(1, "years").format("YYYY-MM-DD") // 2021-07-01

3、获取当前时间之后的时间:( 只需将 'subtract' 换成 'add' 即可 )?

//三天后时间
let time = moment().add(3, "days").format("YYYY-MM-DD");
 
 
//五天后时间
let time = moment().add(5, "days").format("YYYY-MM-DD");
 
 
//一周之后时间
let time = moment().add(1, "weeks").format("YYYY-MM-DD HH:mm:ss")
 
 
//一个月之后时间
let time = moment().add(1, "months").format("YYYY-MM-DD")
 
 
//一年之后时间
let time = moment().add(1, "years").format("YYYY-MM-DD")

4、获取周时间:

// 当前周日期
let startDate = moment(date).startOf("week").add(1, "days").format("YYYY-MM-DD") 
// 2022-06-27
 
let endDate = moment(date).endOf("week").add(1, "days").format("YYYY-MM-DD")
// 2022-07-03
 
 
//上周日期
let startDate = moment().weekday(-7).startOf("week").add(1, "days").format("YYYY-MM-DD")
//2022-06-20
 
let endDate = moment().weekday(-7).endOf("week").add(1, "days").format("YYYY-MM-DD")
//2022-06-26
 
 
//下周日期
let startDate = moment().weekday(7).startOf("week").add(1, "days").format("YYYY-MM-DD")
//2022-07-04
 
let endDate = moment().weekday(7).endOf("week").add(1, "days").format("YYYY-MM-DD")
//2022-07-10

5、获取月时间:

//当前月日期
let startDate = moment().startOf('month').format('YYYY-MM-DD')
// 2022-07-01
 
let endDate = moment().endOf('month').format('YYYY-MM-DD')
// 2022-07-31
 
 
//上个月日期
let startDate = moment().subtract(1,'month').startOf('month').format('YYYY-MM-DD')
// 2022-06-01
 
let endDate = moment().subtract(1,'month').endOf('month').format('YYYY-MM-DD')
// 2022-06-30
 
 
//下个月日期
let startDate = moment().subtract(-1,'month').startOf('month').format('YYYY-MM-DD')
// 2022-08-01
 
let endDate = moment().subtract(-1,'month').endOf('month').format('YYYY-MM-DD')
// 2022-08-31
本网站是一个以CSS、JavaScript、Vue、HTML为核心的前端开发技术网站。我们致力于为广大前端开发者提供专业、全面、实用的前端开发知识和技术支持。 在本网站中,您可以学习到最新的前端开发技术,了解前端开发的最新趋势和最佳实践。我们提供丰富的教程和案例,让您可以快速掌握前端开发的核心技术和流程。 本网站还提供一系列实用的工具和插件,帮助您更加高效地进行前端开发工作。我们提供的工具和插件都经过精心设计和优化,可以帮助您节省时间和精力,提升开发效率。 除此之外,本网站还拥有一个活跃的社区,您可以在社区中与其他前端开发者交流技术、分享经验、解决问题。我们相信,社区的力量可以帮助您更好地成长和进步。 在本网站中,您可以找到您需要的一切前端开发资源,让您成为一名更加优秀的前端开发者。欢迎您加入我们的大家庭,一起探索前端开发的无限可能!
代办报建

本公司承接江浙沪报建代办施工许可证。
联系人:张经理,18321657689(微信同号)。

喜欢0发布评论

25条评论

  • 游客 发表于 3个月前

    好东西,赞一个!http://www.guangcexing.net/voddetail/NmahMpWz.html

  • 游客 发表于 3个月前

    楼主的帖子实在是写得太好了。文笔流畅,修辞得体!http://www.guangcexing.net/voddetail/KbVxwDaa.html

  • 游客 发表于 3个月前

    有内涵!http://www.guangcexing.net/voddetail/bndCQtxY.html

  • 游客 发表于 3个月前

    终于看完了,很不错!http://www.guangcexing.net/tv/zWGccWS.html

  • 游客 发表于 3个月前

    收藏了,楼主加油!http://www.guangcexing.net/dvd/KEbMVRjVcwcZS.html

  • skype官网 发表于 7小时前

    以后要跟楼主好好学习学习!https://www.skypeis.com/

发表评论

  • 昵称(必填)
  • 邮箱
  • 网址