element_ui时间组件

<!--
         elementui 时间组件
        valueDate 选择日期
        selectTime 选择事件
        timeDefaultShow 默认时间
        selectStartDate 开始时间
        selectEndDate 结束日期
        formatDate 处理时间格式化 
        pickerOptions 显示日期到目前为止
        el-picker-panel_body 可以改变时间组件的样式
    -->

    <el-date-pick>
        class="canlenderStr"
        v-model ="valueDate"
        type="daterange"
        :el-picker-panel_body ="false"
        @change = "selectTime"
        :pick-options = "pickerOptions"
        range-separator="至"
        start-placeholde="开始日期"
        end-placeholde="结束日期"
        :default-vaule="timeDefaultShow"

    </el-date-pick>

    import {formatData} from "@/globalFn/data.js"//博客里面有对时间戳处理的
    data(){
        return {
            pickerOptions:{
            	disableDate(time){
                	return time.getTime()>Date.now();//显示的日期到目前为止
                }
            }
        }
    },
    create(){
        this.timeDefaultShow = new Date();
        this.timeDefaultShow.setMonth(new Date().getMonth-1);
    },
    methods:{
        formatData(time){
            let date = new Date(time);
            return formatData(date,"yyyy-MM-dd");
        }
        selectTime(date){
            if(date){
                let that = this;
                that.selectStartDate = that.formatDate(that.valueDate[0])；
                that.selectEndDate = that.formatDate(that.valueDate[1]) 
             }
        }
    }