iview中时间选择器可设置选择范围方法（近7天）

前言

项目中，我们经常遇到控制时间选择器的选择范围，下面我们以近7天为例

使用

iview中日期组件是使用options属性进行时间选择的控制
86400000 表示一天的时间 24（小时）*60（分钟）*60（秒）*1000（毫秒）

<Date-picker :options="timeOptions" type="daterange" format="yyyy-MM-dd"></Date-picker>
<script>
export default {
    data(){
        return {
            timeOptions:{
                disabledDate(data){
                    return  (date && date.valueOf() < Date.now() - 7*86400000) || (date && date.valueOf() > Date.now() )                    
                }
            }
        }
    }
}
</script>