vue+element 限制选择日期

最新推荐文章于 2024-10-08 19:48:55 发布

饱饱~~

最新推荐文章于 2024-10-08 19:48:55 发布

阅读量297

点赞数

本文链接：https://blog.csdn.net/m0_58893670/article/details/123235986

版权

前端开发日期选择器禁用日期 JavaScript Vue.js

关键词由CSDN通过智能技术生成

需求：开始日期不能选择今天之前的日期

代码实现：

<el-form-item label="推广时间" prop="extendTimer">
    <el-date-picker
        v-model="extendTimer"
        type="daterange"
        placeholder="请选择推广时间"
        range-separator="至"
        start-placeholder="推广开始时间"
        end-placeholder="推广结束时间"
        style="width: 360px"
        value-format="YYYY-MM-DD"
        // 设置禁用状态，参数为当前日期，要求返回 Boolean
        :disabled-date="disabledDate"
    ></el-date-picker>
 </el-form-item>

// 时间选择器
const disabledDate = (v) => {
  return v.getTime() < new Date().getTime() - 3600000;
}