vue new Date()格式化
时间: 2023-11-17 17:16:08 浏览: 124
Date格式化
你可以使用Vue的过滤器来格式化日期,以下是一个例子:
```html
<template>
<div>
{{ date | formatDate }}
</div>
</template>
<script>
export default {
data() {
return {
date: new Date()
};
},
filters: {
formatDate(value) {
const options = { year: 'numeric', month: 'long', day: 'numeric' };
return new Intl.DateTimeFormat('en-US', options).format(value);
}
}
};
</script>
```
在这个例子中,我们使用了一个名为`formatDate`的过滤器来格式化日期。我们使用`Intl.DateTimeFormat`来进行日期格式化,并传入了一个选项对象来指定格式。在这里,我们使用了`en-US`作为地区。
这样,`{{ date | formatDate }}`将会将`date`数据按照指定格式进行显示。你可以根据自己的需求修改过滤器中的选项来实现不同的日期格式化。
阅读全文