vue中将日期转化成字符串规定格式(yyyy/mm/dd)
时间: 2023-06-17 17:04:25 浏览: 119
你可以使用 JavaScript 中的 Date 对象和字符串拼接来格式化日期。以下是一个示例:
```javascript
let date = new Date(); // 获取当前日期
let year = date.getFullYear(); // 获取年份
let month = date.getMonth() + 1; // 获取月份,需要加1
let day = date.getDate(); // 获取日期
// 将月份和日期转化成两位数的格式
month = month < 10 ? '0' + month : month;
day = day < 10 ? '0' + day : day;
let formattedDate = year + '/' + month + '/' + day; // 拼接字符串
console.log(formattedDate); // 输出:yyyy/mm/dd 格式的日期字符串
```
你可以把以上代码放在一个 Vue 组件的方法中,然后在模板中调用该方法,例如:
```html
<template>
<div>
<p>{{ formattedDate }}</p>
</div>
</template>
<script>
export default {
data() {
return {
date: new Date()
};
},
computed: {
formattedDate() {
let year = this.date.getFullYear();
let month = this.date.getMonth() + 1;
let day = this.date.getDate();
month = month < 10 ? '0' + month : month;
day = day < 10 ? '0' + day : day;
return year + '/' + month + '/' + day;
}
}
};
</script>
```
阅读全文