el-date-picker时间选择器限制一个月一年内在今天之前

Forgive小麟

于 2022-06-07 10:35:18 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/FORGIVE66/article/details/125160718

本文介绍了一种JavaScript日期选择器组件pickerOptions中的onPick和disabledDate方法，如何通过这些API实现动态日期限制，确保用户只能选择当前日期及未来一年内的日期。开发者可以借此避免无效日期输入，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

       pickerOptions: {
          onPick: ({
            maxDate,
            minDate
          }) => {
            this.cuttentTime = minDate.getTime()
            if (maxDate) {
              this.cuttentTime = ''
            }
          },
          disabledDate: (time) => {
            //先限制今天之前
            if (time.getTime() > Date.now()) {
              return true;
            }
            if (this.cuttentTime != '') {
              //一年以内
              const one = 365 * 24 * 3600 * 1000
              //月份为30 * 24 * 3600 *1000
              const minTime = this.cuttentTime - one
              const maxTime = this.cuttentTime + one
              return time.getTime() < minTime || time.getTime() > maxTime
            }
          }
        },