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

作者:猪大侠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实现图片下载点击按钮弹出本地窗口选择自定义保存路径功能
    vue实现图片下载点击按钮弹出本地窗口选择自定义保存路径功能
    2023-12-12
  • vue3数组或对象赋值不更新解决方法示例
    vue3数组或对象赋值不更新解决方法示例
    2023-11-11
  • 详解Vue中生命周期钩子函数的使用示例
    详解Vue中生命周期钩子函数的使用示例
    2023-11-11
  • el-select如何获取当前选中的对象所有(item)数据
    el-select如何获取当前选中的对象所有(item)数据
    2023-11-11
  • vue如何动态获取当前时间
    vue如何动态获取当前时间
    2023-11-11
  • vue怎样获取当前时间,并且传递给后端(不用注解)
    vue怎样获取当前时间,并且传递给后端(不用注解)
    2023-11-11
  • vue element-ui Radio单选框默认值选不中的原因:混用字符和数字问题
    vue element-ui Radio单选框默认值选不中的原因:混用字
    2023-11-11
  • vue+elementUI中el-radio设置默认值方式
    vue+elementUI中el-radio设置默认值方式
    2023-11-11
  • 美国设下计谋,用娘炮文化重塑日本,已影响至中国
    美国设下计谋,用娘炮文化重塑日本,已影响至中国
    2021-11-19
  • 时空伴随者是什么意思?时空伴随者介绍
    时空伴随者是什么意思?时空伴随者介绍
    2021-11-09
  • 工信部称网盘企业免费用户最低速率应满足基本下载需求,天翼云盘回应:坚决支持,始终
    工信部称网盘企业免费用户最低速率应满足基本下载需求,天翼云盘回应:坚决支持,始终
    2021-11-05
  • 2022年放假安排出炉:五一连休5天 2022年所有节日一览表
    2022年放假安排出炉:五一连休5天 2022年所有节日一览表
    2021-10-26
  • 电脑版 - 返回首页

    2006-2024 脚本之家 JB51.Net , All Rights Reserved.
    苏ICP备14036222号