vue el-date-picker使用总结
vue开发中,时间选择是一个常用的功能,最近用到el-date-picker,总结下设置默认值,及获取当前值的功能。
<el-date-picker
v-model="value2"
type="daterange"
:picker-options="pickerOptions"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd"
align="center">
</el-date-picker>
1. 设置默认值
设置时间选项默认值,默认时间间隔:当前时间前180d。
date-fns:一个功能比较完善的日期工具。import { format, subDays } from 'date-fns'。
this.value2 = [
# format:格式化日期函数;subDays:获得当前日期之前n天的日期
format(subDays(new Date(), 180), 'yyyy-MM-dd'),
format(new Date(), 'yyyy-MM-dd')
]