美文网首页
element 时间控件,开始日期小于等于结束日期

element 时间控件,开始日期小于等于结束日期

作者: 明眸yh | 来源:发表于2020-12-24 10:54 被阅读0次

    element 开始日期小于等于结束日期

    效果
    开始日期小于等于结束日期


    代码如下:

    <el-date-picker
      v-model="editLicenseData.start_time"
      class="youxiaoqi"
      type="date"
      value-format="yyyy-MM-dd"
      range-separator="至"
      :picker-options="editDataStartDate"
      placeholder="开始日期"
    >
    </el-date-picker>-
    <el-date-picker
      v-model="editLicenseData.end_time"
      value-format="yyyy-MM-dd"
      class="youxiaoqi"
      type="date"
      :picker-options="editDataEndDate"
      range-separator="至"
      placeholder="结束日期"
    >
    </el-date-picker>
    
    data() {
      return {
        editLicenseData: {
          start_time: '',
          end_time: ''
        },
        editDataStartDate: {
          disabledDate: (time) => {
            if (this.editLicenseData.end_time) {
              return time.getTime() > new Date(this.editLicenseData.end_time).getTime();
            }
          },
        },
        editDataEndDate: {
          disabledDate: (time) => {
            if (this.editLicenseData.start_time) {
              return time.getTime() < new Date(this.editLicenseData.start_time).getTime() - 86400000;  
            }
          }
        },
      }
    }
    

    相关文章

      网友评论

          本文标题:element 时间控件,开始日期小于等于结束日期

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