前端-a-date-picker如何设置禁选时间段

作者 : admin 本文共715个字,预计阅读时间需要2分钟 发布时间: 2024-06-10 共2人阅读

前端-a-date-picker如何设置禁选时间段插图前端-a-date-picker如何设置禁选时间段插图(1)

想要做到如图所示的效果,代码如下:

第一个是只能选择某一天,第二个是只能选择某一个时间段



    disableDate(current) {
      // console.log('time', this.where.workDateStr, current);
      const res = dayjs(this.where.workDateStr).toISOString();
      const date = dayjs();
      const day = date.date();
      const year = date.year();
      const month = date.month();
      return current.isBefore(res, 'day') || current.isAfter(res, 'day');
      // return current.date() !== day || current.year() !== year || current.month() !== month;
    },

               disableDate2(current, record)"
                />
              
            

disableDate2(current) {
      // const today = dayjs();
      // const tomorrow = today.add(1, 'day');
      // return current.isBefore(today, 'day') || current.isAfter(tomorrow, 'day');
      const res = dayjs(this.where.workDateStr);
      const tomorrow = res.add(1, 'day');
      return current.isBefore(res, 'day') || current.isAfter(tomorrow, 'day');
    },

本站无任何商业行为
个人在线分享 » 前端-a-date-picker如何设置禁选时间段
E-->