【ElementUI】日期选择器时间选择范围限制

-草莓星球杯

已于 2024-01-15 18:13:15 修改

阅读量866

点赞数 8

文章标签： elementui vue.js 前端

于 2024-01-15 17:58:49 首次发布

本文链接：https://blog.csdn.net/qq_33225414/article/details/135607571

版权

1、今天及今天之后的日期

代码示例：

html部分

<el-form-item label="开始时间：" prop="time">
    <el-date-picker size="small" :picker-options="pickerOptions" v-model="CreateTime"
        value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="setTime" @clear="clearTime">
    </el-date-picker>
</el-form-item>

js部分

<script>
export default {
  data() {
    return {
      pickerOptions: {
        disabledDate(time) {
          return time.getTime() < Date.now() - 8.64e7;
        }
      },
  }
}
</script>

2、今天以及今天以前的日期

代码示例：

js部分

<script>
export default {
  data() {
    return {
      pickerOptions: {
        disabledDate(time) {
          return time.getTime() > Date.now() - 8.64e6;
        }
      },
  }
}
</script>