Vue中 使用 moment.js 获取相关时间

简介: Vue中 使用 moment.js 获取相关时间

传送门:

Vue中 使用 moment.js 计算时间差值

Vue中 使用 moment.js 进行日期时间格式化

安装插件:moment.js

npm install moment

format就是格式化函数,参数’YYYY-MM-DD HH:mm:ss’定义了返回日期的格式。

详情请看下图:

2020062310470442.png

1 获取当前时间

var moment = require('moment');
let seekTime = moment().format("YYYY-MM-DD HH:mm:ss");
console.log(seekTime) // 2020-03-30 15:51:22

2 获取之前的时间 (subtract)

2.1 获取当前时间前 X 天

// 前一天
var moment = require('moment');
let seekTime = moment().subtract(1, "days").format("YYYY-MM-DD HH:mm:ss"); 
console.log(seekTime) // 2020-03-29 15:54:00
// 前三天
var moment = require('moment');
let seekTime = moment().subtract(3, "days").format("YYYY-MM-DD HH:mm:ss"); 
console.log(seekTime) // 2020-03-27 15:57:14

2.2 获取当前时间前 x 周

// 前一周
var moment=require('moment');
let seekTime = moment().subtract(1, "weeks").format("YYYY-MM-DD");
console.log(seekTime) // 2020-03-23

2.3 获取当前时间前 x 月

// 前一月
var moment=require('moment');
let seekTime = moment().subtract(1, "months").format("YYYY-MM-DD"); 
console.log(seekTime) // 2020-02-29

2.4 获取指定时间前 x 年

// 前一年
var moment = require('moment');
const time = '2020-03-30 15:51:22'
const seekTime = moment(time).subtract(1, "years").format("YYYY-MM-DD"); 
console.log(seekTime) // 2019-03-30

相关属性取值

years
quarters
months
weeks
days
hours
minutes
seconds
milliseconds

3 获取之后的时间 (add)

3.1 获取当前时间后 x 年

// 后一年
var moment=require('moment');
let seekTime = moment().add(1, "years").format("YYYY-MM-DD HH:mm:ss");
console.log(seekTime) // 2021-03-30 16:09:16

3.2 获取当前时间后 x 小时

// 后一小时
var moment=require('moment');
let seekTime = moment().add(1, "hours").format("YYYY-MM-DD HH:mm:ss");
console.log(seekTime) // 2020-03-30 17:11:18

3.3 获取指定时间后 x 天

// 后一天
var moment=require('moment');
const time = '2020-03-30 15:51:22'
const seekTime = moment(time).add(1, "days").format("YYYY-MM-DD HH:mm:ss");
console.log(seekTime) // 2020-03-31 15:51:22

4 获取其他时间

4.1 获取本周三日期,格式以YYYY-MM-DD形式显示

var moment=require('moment');
let seekTime = moment().weekday(3).format('YYYY-MM-DD');;
console.log(seekTime) // 2020-04-01

4.2 获取上周五日期,格式以YYYY-MM-DD形式显示

简单理解为上周倒数第几天,上周倒数第二天就是上周五了,和当天日期无关

var moment=require('moment');
let seekTime = moment().weekday(-2).format('YYYY-MM-DD');;
console.log(seekTime) // 2020-03-27



相关文章
|
19天前
|
开发框架 前端开发 JavaScript
在Vue&Element前端项目中,使用FastReport + pdf.js生成并展示自定义报表
在Vue&Element前端项目中,使用FastReport + pdf.js生成并展示自定义报表
|
3天前
|
JSON JavaScript 前端开发
JavaScript 详解——Vue基础
【8月更文挑战第16天】
13 3
JavaScript 详解——Vue基础
|
1月前
|
JavaScript
vue中使用 HotKeys.js 教程(按键响应、快捷键开发)
vue中使用 HotKeys.js 教程(按键响应、快捷键开发)
71 0
|
4天前
|
JavaScript 前端开发
解决在JS中阻止定时器“重复”开启问题、Vue中定时器的使用
这篇文章讨论了在JavaScript和Vue中如何避免定时器重复开启的问题,并提供了一个模拟场景和代码示例,演示了在开启新定时器前清除旧定时器的方法。
解决在JS中阻止定时器“重复”开启问题、Vue中定时器的使用
|
11天前
|
JavaScript
Vue进阶篇(二)-彻底改变 Vue.js 状态管理:深入探讨Vue 3 Setup中的DefineModel
Vue进阶篇(二)-彻底改变 Vue.js 状态管理:深入探讨Vue 3 Setup中的DefineModel
|
19天前
|
开发框架 前端开发 JavaScript
在基于ABP框架的前端项目Vue&Element项目中采用日期格式处理,对比Moment.js和day.js的处理
在基于ABP框架的前端项目Vue&Element项目中采用日期格式处理,对比Moment.js和day.js的处理
|
4天前
|
JavaScript 前端开发 API
vue中将验证表单输入框的方法写在一个js文件中(表达式验证邮箱、身份证、号码、两次输入的密码是否一致)
这篇文章介绍了如何在Vue框架中将表单输入验证逻辑封装到一个JavaScript文件中,并通过正则表达式验证邮箱、身份证、手机号等信息,同时确保两次密码输入的一致性。
|
1月前
|
JavaScript
网页CAD(JS Vue 预览dwg)如何二次开发常用的CAD编辑功能
```markdown # CAD网页编程概览 - 使用mxcad库,实现CAD操作如删除、复制、镜像、移动和旋转。 - `erase()`方法删除实体,`clone()`配合`transformBy()`用于复制和编辑。 - `mirror()`和`transformBy(setMirror)`执行镜像操作,基于参考线。 - `move()`和`transformBy(setToTranslation)`实现移动功能。 - `rotate()`和`transformBy(setToRotation)`进行旋转,支持角度输入。 ```
网页CAD(JS Vue 预览dwg)如何二次开发常用的CAD编辑功能
|
7天前
|
JavaScript
VUE——使用easy-typer-js实现打字机效果
VUE——使用easy-typer-js实现打字机效果
13 0
|
7天前
|
JavaScript
Vue——使用JS文件中的函数ESLint报错未定义
Vue——使用JS文件中的函数ESLint报错未定义
17 0