el-date-picker 时间戳转日期
时间: 2023-10-19 19:29:41 浏览: 152
时间戳转日期格式小工具
你可以使用`el-date-picker`的`format`属性和`value-format`属性来实现时间戳转日期的功能。首先,设置`value-format`属性为时间戳的格式,例如:`:value-format="'timestamp'"`。然后,在`el-date-picker`中设置`format`属性为你需要的日期格式,例如:`:format="'yyyy-MM-dd HH:mm:ss'"`。这样,在选择日期时,时间戳就会被转换为对应的日期格式显示出来。
以下是一个示例代码:
```html
<template>
<div>
<el-date-picker
v-model="date"
type="datetime"
:value-format="'timestamp'"
:format="'yyyy-MM-dd HH:mm:ss'"
></el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
date: '', // 时间戳将会被转换为对应的日期格式存储在这里
};
},
};
</script>
```
通过上述代码,在`el-date-picker`选择日期时,时间戳将会被转换为对应的日期格式(例如:2022-02-22 10:30:00)并存储在`date`变量中。你可以根据自己的需求来修改日期格式。
阅读全文