vue 使用moment获取当前时间及一月前的时间

 更新时间:2023年08月10日 09:39:05   作者:猪大侠0.0  
开发中会有要获取当前日期的需求,有的是获取到当前月份,本文就介绍了vue获取当前日期时间(moment、new Date()),文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

其实这个没啥,就两行代码,比较容易忘,主要可以用在按时间段查询。

安装 moment

如果之前安装过就不用再安装了。

npm install moment -- save

使用 moment

在使用的文件引用 moment。

import moment from 'moment'

然后在需要使用的地方使用就可以了。

let startDate = moment().subtract(30, "days").format('YYYY-MM-DD')
let endDate =  moment().format('YYYY-MM-DD')

.subtract(30, "days") 的意思是向前推30天,如果是1,就是向前推1天。

YYYY-MM-DD:HH:MM:SS 这个是时分秒的格式化。

//获取当前时间
var now = moment().toDate();//Mon Jul 06 2020 13:50:51 GMT+0800 (中国标准时间)
console.log(now)
//格式化当前时间
now = moment().format('YYYY-MM-DD');//2020-07-06
console.log(now);
//其它几种格式化方法
now = moment().format('L') // 10/22/2016 
console.log(now);
now = moment().format('LL') // October 22, 2016
console.log(now);
//格式化当前时间
now = moment().format('YYYY-MM-DD:HH:MM:SS');
console.log(now);
//获取这个月初时间
let startMonth = moment().startOf('month').toDate();
console.log(startMonth);
//获取今天开始的时间
let dayOfStart = moment().startOf('day').toDate();
console.log(dayOfStart);
//获取今天结束的时间
let dayOfEnd = moment().endOf('day').toDate();
console.log(dayOfEnd);
//获取+n小时
let lateHour = moment().add(2,'hour').toDate();
console.log(lateHour);
//获取+n小时
console.log('//获取-n小时')
let beforeHour = moment().subtract(2,'hour').toDate();
console.log(beforeHour);
//获取+n天
let lateDay = moment().add(+5,'day').toDate();
console.log(lateDay);
//获取-n天
let beforeDay = moment().add(-5,'day').toDate();
console.log(beforeDay);
//也可以表示为
beforeDay = moment().subtract(5,'day').toDate();
console.log(beforeDay);
console.log('//获取+n月')
let lateMonth = moment().add(2,'month').toDate();
console.log(lateHour);
//获取+n月
let beforeMonth = moment().subtract(2,'month').toDate();
console.log(lateHour);
//获取星期
let week = moment().format('dddd');
console.log(week);
//获取到现在的年限 如果不满一年显示出具体几个月
let years = moment('2020-12-31').fromNow();
console.log(years);

到此这篇关于vue 使用moment获取当前时间及一月前的时间的文章就介绍到这了,更多相关vue获取当前日期时间内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 在vue中使用jointjs的方法

    在vue中使用jointjs的方法

    本篇文章主要介绍了在vue中使用jointjs的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • Vuex持久化存储之vuex-persist问题

    Vuex持久化存储之vuex-persist问题

    这篇文章主要介绍了Vuex持久化存储之vuex-persist问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • vue实现日历表格(element-ui)

    vue实现日历表格(element-ui)

    这篇文章主要为大家详细介绍了vue实现日历表格(element-ui),文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • vue 微信授权登录解决方案

    vue 微信授权登录解决方案

    这篇文章主要介绍了vue 微信授权解决方案,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • Vue项目通过vue-i18n实现国际化方案(推荐)

    Vue项目通过vue-i18n实现国际化方案(推荐)

    这篇文章主要介绍了Vue项目通过vue-i18n实现国际化方案,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-12-12
  • Vue中使用装饰器的方法详解

    Vue中使用装饰器的方法详解

    装饰器是一种与类相关的语法糖,用来包装或者修改类或者类的方法的行为,其实装饰器就是设计模式中装饰者模式的一种实现方式,下面这篇文章主要给大家介绍了关于Vue中使用装饰器的相关资料,需要的朋友可以参考下
    2022-01-01
  • 在nginx上部署vue项目(history模式)的方法

    在nginx上部署vue项目(history模式)的方法

    vue-router 默认是hash模式,使用url的hash来模拟一个完整的url,当url改变的时候,页面不会重新加载。这篇文章主要介绍了在nginx上部署vue项目(history模式),需要的朋友可以参考下
    2017-12-12
  • Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置

    Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置

    这篇文章主要介绍了Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • vue登录页实现使用cookie记住7天密码功能的方法

    vue登录页实现使用cookie记住7天密码功能的方法

    这篇文章主要介绍了vue登录页实现使用cookie记住7天密码功能的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-02-02
  • vue封装axios的几种方法

    vue封装axios的几种方法

    在vue中最常用的应该就是axios了,这是一个很强大的处理ajax的库。今天我就分享一下我是如何封装axios的。axios的基本api不再赘述,提前安装一下也不用我说了吧
    2021-06-06

最新评论