el-date-picker daterange 获取YY-mm-dd
时间: 2023-10-04 22:05:02 浏览: 84
daterangepicker
4星 · 用户满意度95%
可以通过 el-date-picker 的 value-format 属性来设置日期格式,同时也可以使用 range-separator 属性来设置日期范围的连接符。例如:
```html
<template>
<div>
<el-date-picker
v-model="dateRange"
type="daterange"
:range-separator="' ~ '"
value-format="yyyy-MM-dd"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
dateRange: []
}
}
}
</script>
```
上述代码中,我们设置了 el-date-picker 的 type 为 daterange,同时设置了 value-format 为 'yyyy-MM-dd',即获取 YY-mm-dd 格式的日期。同时,我们还设置了 range-separator 属性为 ' ~ ',用于连接起始日期和结束日期。
阅读全文