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

相关推荐
xiaobaoyu4 分钟前
聊天问答文字逐步显示实现
前端
随风一样自由12 分钟前
【前端+项目分析】`img` vs `Image`:从两个真实项目看前端图片组件的正确选择
前端·image·img·项目对比分析
倾颜13 分钟前
断线之后,不要重跑 AI:在 POST + NDJSON 中实现可恢复 Agent 流
前端·后端·agent
程序员黑豆22 分钟前
鸿蒙应用开发之父子组件传参:@Prop 装饰器使用教程
前端·后端·harmonyos
信也科技布道师41 分钟前
从绝对定位到可维护页面:一次 MasterGo 还原链路的实战复盘
前端
程序员黑豆1 小时前
鸿蒙应用开发之V2状态管理:@Local、@ObservedV2、@Trace 使用教程
前端·后端·harmonyos
锻炼²1 小时前
Edge 地址栏搜索被其他浏览器劫持
前端·edge
Slice_cy1 小时前
Mint 自研框架设计与实现:从重复开发走向配置驱动(三)
前端·后端·架构
JoyT1 小时前
Nuxt 3的核心设计与静态官网应用
前端·javascript·vue.js
程序员黑豆1 小时前
鸿蒙应用开发之@State 装饰器详解:从基本类型到 @Observed/@ObjectLink/@Track 嵌套监听
前端·harmonyos