element-ui date-picker 开始时间小于结束时间、结束时间大于开始时间且小于当前时间

<div class="input-box f-left birthday-picker-box">

            <span>生日</span>

            <el-date-picker

                    v-model="birthdayStart"

                    name="birthdayStart"

                    format="MM-dd"

                    value-format="timestamp"

                    type="date"

                    placeholder=""

                    :editable="inputEditable"

                    :picker-options="pickerBirthdayBefore"

            >

            </el-date-picker>

            <div class="line f-left">-</div>

        </div>

data() {

      return {

        pickerBirthdayBefore: { 

          //disabledDate通常是一个函数，

          disabledDate: time => { // time.getTime() >= beginDateVal false 可用，true 不可用

            let beginDateVal = this.birthdayEnd;

            if (beginDateVal) {

              return time.getTime() >= beginDateVal;  //开始时间小于结束时间

               return time.getTime() <= beginDateVal || time.getTime() > Date.now(); //结束时间大于开始时间且小于当前时间

                return time.getTime() >= Date.now()-8.64e7 //今天及以后的日期都不能选

            }

          }

        },
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容