Element U I的 el-date-picker做时间限制

Element U I的 el-date-picker做时间限制

  • [Element U I的 el-date-picker做时间限制](#Element U I的 el-date-picker做时间限制)

Element U I的 el-date-picker做时间限制

###公司需要限制起始时间为今年的第一天。 特定的时间 干脆写死得了!

最有用的就是下面这句:

disabledDate(time) {

// 这个是当前日期后的日期不可选

return time.getTime() <= new Date('2023-01-01')

},


pickerOptions: {

disabledDate(time) {

// 这个是当前日期后的日期不可选

return time.getTime() <= new Date('2022-12-31')

},

shortcuts: [{

text: '最近一周',

onClick(picker) {

const end = new Date();

const start = new Date();

start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);

picker.KaTeX parse error: Expected 'EOF', got '}' at position 49: ... }̲ ...emit('pick', [start, end]);

}

}, {

text: '最近三个月',

onClick(picker) {

const end = new Date();

const start = new Date();

start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);

picker.$emit('pick', [start, end]);

}

}]

},

更多福利介绍详见https://blog.csdn.net/weixin_45729937/article/details/128982072

相关推荐
CUYG5 分钟前
v-model封装组件(定义 model 属性)
前端·vue.js
子洋8 分钟前
基于远程开发的大型前端项目实践
运维·前端·后端
用户350201588474811 分钟前
基于react-routet v7 的配置式 + 约定式路由系统 第一步:引入react-routerv7
前端
用户350201588474813 分钟前
基于react-routet v7 的配置式 + 约定式路由系统 第二步:一个简单的约定式路由系统
前端
攀登的牵牛花17 分钟前
前端向架构突围系列 - 框架设计(七):反应式编程框架Flower的设计
前端·架构
佛系打工仔20 分钟前
K线绘制前言
前端
遇见~未来44 分钟前
JavaScript数组全解析:从本质到高级技巧
开发语言·前端·javascript
石像鬼₧魂石1 小时前
80 端口(Web 服务)渗透测试完整总结(含踩坑 + 绕过 + 实战流程)
linux·运维·服务器·前端·网络·阿里云
C_心欲无痕1 小时前
nginx - 核心概念
运维·前端·nginx
开开心心_Every1 小时前
安卓做菜APP:家常菜谱详细步骤无广简洁
服务器·前端·python·学习·edge·django·powerpoint