使用饿了么el-date-picker里及如何将后台给的时间戳js转化为时间格式
时间: 2023-12-13 19:03:06 浏览: 106
可以使用Moment.js库将时间戳转化为时间格式。具体操作如下:
1. 首先在页面中引入Moment.js库:
```html
<script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
```
2. 在el-date-picker的format属性中设置时间格式化字符串,例如:"YYYY-MM-DD HH:mm:ss"。
3. 在el-date-picker的value属性中绑定后台给的时间戳,例如:":value="timestamp"。
4. 在el-date-picker上添加一个事件监听器,监听input事件。当用户选择日期后,会触发该事件,可以在事件处理函数中使用Moment.js将时间戳转化为时间格式。
完整代码示例:
```html
<template>
<el-date-picker
v-model="date"
format="YYYY-MM-DD HH:mm:ss"
:value="timestamp"
@input="handleChange"
></el-date-picker>
</template>
<script>
import moment from 'moment';
export default {
data() {
return {
date: '',
timestamp: 1609459200000 // 后台给的时间戳,表示2021年1月1日
};
},
methods: {
handleChange() {
this.date = moment(this.timestamp).format('YYYY-MM-DD HH:mm:ss');
}
}
};
</script>
```
阅读全文