美文网首页
关于element-ui开始日期至结束日期选择器的选择

关于element-ui开始日期至结束日期选择器的选择

作者: yuki20 | 来源:发表于2020-03-26 10:40 被阅读0次

    html部分

    默认

    align="right"

    type="date"

    placeholder="选择开始日期"

    :picker-options="startDatePicker">

    align="right"

    type="date"

    placeholder="选择结束日期"

    :picker-options="endDatePicker">

    sj部分

    var Main = {

    data() {      return {

    value2: '',

    value3: '',

    startDatePicker:this.beginDate(),

    endDatePicker:this.processDate()

    };

    },

    methods: {

    beginDate(){

    let self = this

    return {

    disabledDate(time){          return time.getTime() > Date.now()//开始时间不选时,结束时间最大值小于等于当天 }

    }

    },      //提出结束时间必须大于提出开始时间

    processDate(){

    let self = this

    return {

    disabledDate(time){            if(self.value2){              return new Date(self.value2).getTime() > time.getTime() || time.getTime() > Date.now()

    }else{              return time.getTime() > Date.now()//开始时间不选时,结束时间最大值小于等于当天            }

    }

    }

    }

    }

    };

    相关文章

      网友评论

          本文标题:关于element-ui开始日期至结束日期选择器的选择

          本文链接:https://www.haomeiwen.com/subject/armquhtx.html