vue3 使用Date()
时间: 2024-09-15 14:06:51 浏览: 36
vue2-daterange-picker:Vue2日期范围选择器
5星 · 资源好评率100%
Vue.js 3.x本身是一个前端框架,用于构建用户界面,而`Date()`是JavaScript内置的日期和时间处理函数,并非特定于Vue。在Vue组件中,你可以直接使用`Date()`来获取当前时间或者操作日期。例如:
```javascript
data() {
return {
currentTime: new Date()
}
}
methods: {
formatTime() {
const today = new Date();
let year = today.getFullYear();
let month = today.getMonth() + 1; //注意月份从0开始计数
let date = today.getDate();
return `${year}-${month < 10 ? '0' : ''}${month}-${date < 10 ? '0' : ''}${date}`;
}
}
```
在这个例子中,我们在`data`中创建了一个表示当前时间的对象,在`formatTime`方法中则展示了如何创建一个新的Date实例并格式化它。
如果你想在模板中显示这个时间,可以这样做:
```html
<p>{{ currentTime | formatTime }}</p>
```
其中`|`是过滤器的分隔符,`formatTime`是自定义的日期格式化函数。
阅读全文