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

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

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

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

推荐阅读更多精彩内容