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

相关推荐
我是伪码农14 分钟前
HTML和CSS复习
前端·css·html
林恒smileZAZ15 分钟前
前端实现进度条
前端
前端老石人18 分钟前
邂逅前端开发:从基础到实践的全景指南
开发语言·前端·html
阿珊和她的猫28 分钟前
以用户为中心的前端性能指标解析
前端·javascript·css
木心术128 分钟前
OpenClaw网页前端开发与优化全流程指南
前端·人工智能
Amumu1213828 分钟前
HTML5的新特性
前端·html·html5
SeSs IZED34 分钟前
【Nginx 】Nginx 部署前端 vue 项目
前端·vue.js·nginx
成都渲染101云渲染66661 小时前
跳出“硬件堆砌”陷阱|渲染101如何用技术重构云渲染的专业价值?
java·前端·javascript
快乐点吧1 小时前
【前端】前端开发中如何高效利用 curl 工具
前端·状态模式
橘子编程1 小时前
OpenClaw(小龙虾)完整知识汇总
java·前端·spring boot·spring·spring cloud·html5