vue时间格式化
时间: 2023-07-20 09:05:21 浏览: 52
在Vue中,可以使用moment.js或date-fns等库来格式化时间。
1. 使用moment.js
安装moment.js:
```bash
npm install moment --save
```
在Vue组件中引入moment.js并使用:
```javascript
import moment from 'moment'
export default {
data() {
return {
date: new Date()
}
},
computed: {
formattedDate() {
return moment(this.date).format('YYYY-MM-DD HH:mm:ss')
}
}
}
```
2. 使用date-fns
安装date-fns:
```bash
npm install date-fns --save
```
在Vue组件中引入date-fns并使用:
```javascript
import { format } from 'date-fns'
export default {
data() {
return {
date: new Date()
}
},
computed: {
formattedDate() {
return format(this.date, 'yyyy-MM-dd HH:mm:ss')
}
}
}
```
以上两种方式都可以实现时间格式化,具体使用哪种方式取决于个人喜好和项目需求。
阅读全文