ruoyi-vue前端获取当前时间,格式为yyyy-mm-dd
时间: 2024-09-26 12:16:34 浏览: 54
在Vue.js中,你可以使用JavaScript的内置Date对象来获取当前日期,并按照"年-月-日"的格式展示。以下是一个简单的示例:
```javascript
<template>
<div>
<p>当前时间:{{ currentTime }}</p>
</div>
</template>
<script setup>
import { ref } from 'vue';
const currentTime = ref();
setup() {
const getTime = () => {
const now = new Date(); // 获取当前日期时间
const formattedTime = `${now.getFullYear()}-${(now.getMonth()+1).toString().padStart(2, '0')}-${now.getDate().toString().padStart(2, '0')}`; // 格式化为 "yyyy-mm-dd"
currentTime.value = formattedTime;
};
// 每秒更新一次当前时间
setInterval(getTime, 1000);
}
</script>
```
在这个例子中,`getTime`函数创建了一个新的Date对象,然后使用`.getFullYear()`、`.getMonth()`和`.getDate()`方法获取年、月和日,注意月份需要加1因为`getMonth()`返回的是从0开始的月份。最后,我们使用模板字符串格式化结果并将其绑定到组件的`currentTime`数据属性上。
阅读全文