element时间选择器处理时间格式
我们默认从element ui官网粘过来的时间选择插件在选择时间后真正的值为时间戳，难道要自己处理？其实官网有最简单的处理方法，就在时间选择器页面向下翻翻就找到了。
我们默认从element ui官网粘过来的时间选择插件在选择时间后真正的值为时间戳，难道要自己处理？其实官网有最简单的处理方法，就在时间选择器页面向下翻翻就找到了。
<template>
<div class="block">
<span class="demonstration">默认为 Date 对象</span>
<div class="demonstration">值：{{ value1 }}</div>
<el-date-picker
v-model="value1"
type="date"
placeholder="选择日期"
format="yyyy 年 MM 月 dd 日">
</el-date-picker>
</div>
<div class="block">
<span class="demonstration">使用 value-format</span>
<div class="demonstration">值：{{ value2 }}</div>
<el-date-picker
v-model="value2"
type="date"
placeholder="选择日期"
format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd">
</el-date-picker>
</div>
<div class="block">
<span class="demonstration">时间戳</span>
<div class="demonstration">值：{{ value3 }}</div>
<el-date-picker
v-model="value3"
type="date"
placeholder="选择日期"
format="yyyy 年 MM 月 dd 日"
value-format="timestamp">
</el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
value1: '',
value2: '',
value3: ''
};
}
};
</script>
- 发表于 2020-06-21 21:34
- 阅读 ( 1110 )
