2024-05-29 element 时间组件

html
<yto-date-picker
            v-model="times"
            type="daterange"
            value-format="yyyy-MM-dd"
            start-placeholder="起始时间"
            end-placeholder="截止时间"
            :clearable="false"
            :picker-options="pickerOptions"
          >
          </yto-date-picker>

data里面

      pickerOptions: {
                disabledDate(time) {
                    // return time.getTime() > Date.now() - 8.64e7;
                    // return time.getTime() > Date.now();  // 可选历史天、可选当前天、不可选未来天
                    return time.getTime() > Date.now() - 8.64e7;  // 可选历史天、不可选当天、不可选未来天
                    // return time.getTime() < Date.now() - 8.64e7;  // 不可选历史天、可选当天、可选未来天
                    // return time.getTime() < Date.now(); // 不可选历史天、不可选当天、可选未来天
                },
      },
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容