美文网首页
el-date-picker 小于 开始日期的时间段 禁用

el-date-picker 小于 开始日期的时间段 禁用

作者: sunflower_07 | 来源:发表于2024-07-02 13:48 被阅读0次

    el-date-picker 禁用:

    el-date-picker type属性"datetime" ,想在一个框 ,可以限制日期+时间段的禁用如下:

          <el-date-picker
                    v-model="postData.createDate"
                    type="datetime"
                    value-format="yyyy-MM-dd HH:mm:ss"
                    :picker-options="pickerOptions"
                    placeholder="选择日期">
          </el-date-picker>
    
              const time = '2022-12-10 10:10:10';
              const time2 = '2022-12-12 12:12:12';
              const time_date1 = time.split('  ')[0];
              const _start = time.split('  ')[1];
              const _end = time2.split('  ')[1];
              const _selectableRange = `${_start} - ${_end}`;
    
      pickerOptions: {
            // 设置可选的时间范围 
            selectableRange: _selectableRange,
            disabledDate(date) {
              //  小于开始时间的禁用
              const disabledBefore = new Date(time_date1 + ' :00:00:00');
              return new Date(date).getTime() < disabledBefore.getTime()
            }
      },
    
    image.png
    image.png

    如果有更好的方法可以评论留言;

    相关文章

      网友评论

          本文标题:el-date-picker 小于 开始日期的时间段 禁用

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