ruoyi-vue获取当前时间,格式yyyy-mm-dd
时间: 2024-09-27 16:10:09 浏览: 45
在Ruoyi-Vue框架中,获取当前时间并格式化为"yyyy-mm-dd"通常可以借助Vue的内置插件或者第三方库来完成。如果你使用的是Element UI提供的日期选择组件,可以这样做:
```vue
<template>
<el-date-picker v-model="dateValue" type="datetime" value-format="yyyy-MM-dd" placeholder="请选择日期"></el-date-picker>
</template>
<script>
import { DatePicker } from "element-plus";
export default {
data() {
return {
dateValue: new Date(), // 默认值为当前时间
};
},
components: {
DatePicker,
},
};
</script>
```
这里我们导入了Element Plus的DatePicker组件,并设置了`value-format`属性为"yyyy-MM-dd",这样当用户选择或者组件初始化时就会显示成所需的格式。
如果你不想依赖UI组件,也可以使用原生的JavaScript配合计算属性:
```vue
<template>
<div>{{ currentDateString }}</div>
</template>
<script>
export default {
data() {
return {
currentDate: new Date(),
};
},
computed: {
currentDateString() {
const format = "yyyy-MM-dd";
return this.currentDate.toLocaleDateString("zh-CN", { year: 'numeric', month: '2-digit', day: '2-digit' }).replace(/-/g, '');
}
},
};
</script>
```
上述代码会在页面上显示当前时间,按照"yyyy-mm-dd"格式。
阅读全文