vue字符串日期格式化为yyyy-mm-dd
时间: 2024-10-25 18:08:45 浏览: 9
vue.js实现格式化时间并每秒更新显示功能示例
在Vue.js中,如果你想将字符串日期格式化为"yyyy-MM-dd"这样的形式,你可以使用JavaScript内置的`Date`对象配合一些库,如`moment.js`、`vue-i18n`中的`formatDate`函数或者自定义方法。以下是基本的示例:
```javascript
// 使用Vue中的计算属性
export default {
data() {
return {
dateStr: '2023-07-01', // 这里是原始日期字符串
};
},
computed: {
formattedDate() {
const date = new Date(this.dateStr);
// 或者使用 moment.js
// const momentDate = moment(date).format('YYYY-MM-DD');
// 或者使用 Vue 自带的格式化方法(如果使用了 `vue-i18n`
// 如果有引入 i18n 并配置了 locale,可以这样:
// const formattedDate = this.$i18n.formatDate(date, 'yyyy-MM-dd');
// 如果没有,就直接使用 Date 的 format 方法,注意浏览器兼容性
const formattedDate = date.toLocaleDateString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' });
return formattedDate;
},
},
};
```
在这个例子中,`formattedDate`会是一个已格式化的字符串,例如 "2023-07-01"。
阅读全文