vue el-date-picker

                                            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')
]