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

相关推荐
w***Q35025 分钟前
前端跨平台开发工具,Tauri与Electron
前端·javascript·electron
前端一课25 分钟前
H5 WebView 文件下载到手机中(仅安卓与 iOS)
前端
默默乄行走37 分钟前
wangEditor5在vue中自定义菜单栏--格式刷,上传图片,视频功能
vue.js
G***66911 小时前
前端框架选型:React vs Vue深度对比
vue.js·react.js·前端框架
天外来物1 小时前
element-plus主题配置及动态切换主题
前端·css·element
晴殇i1 小时前
这个前端工具杀疯了!发布一周狂揽 10k Star,Snapchat 开源框架重新定义跨平台
前端·程序员
孟祥_成都2 小时前
打包票!前端和小白一定明白的人工智能基础概念!
前端·人工智能
小满zs2 小时前
Next.js第六章(平行路由)
前端
小满zs2 小时前
Next.js第七章(路由组)
前端
Mountain and sea2 小时前
发那科机器人指令详解:从入门到精通
前端·机器人