vue怎么获取当前时间 08.24

最新推荐文章于 2024-05-06 23:55:24 发布

原创最新推荐文章于 2024-05-06 23:55:24 发布 · 1.2k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

关于vue

当前文章被收录于：

关于vue

3 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍如何在Vue项目中获取当前时间，并将其格式化为'yyyy-MM-dd'形式，适用于页面显示或作为参数使用。通过在全局封装方法，实现页面调用的便捷性和代码的复用性。

vue怎么获取当前时间

vue页面需要调取时间当作参数或者页面显示部分

直接可以国际标准的写法

整体在全局封装方法，页面调用方法的
在这里插入图片描述

在页面调用的话

在这里插入图片描述
这是未未修改的国际标准时间可以转换为时间戳等格式

也可以直接为2020-08-24形式的

在这里插入图片描述
在上面调用该方法，然后定义数据接受，渲染页面
代码

// 当前时间
addDate () {
  let nowDate = new Date()
  let date = {
    year: nowDate.getFullYear(),
    month: nowDate.getMonth() + 1,
    date: nowDate.getDate()
  }
  this.systemTime = date.year + '-' + 0 +date.month 
  console.log(this.systemTime,'试试')
}

全局方法部分

// 时间 yyyy-mm-dd
export function timeNow(){
	const nDate = new Date()
	const year = nDate.getFullYear()
	const month = (nDate.getMonth()+1).toString().padStart(2,0)
	const day = nDate.getDate().toString().padStart(2,0)
	return year+'-'+month+'-'+day
}

标签

#vue