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

相关推荐
一千柯橘6 分钟前
Electron 第一步
前端·electron
code_Bo9 分钟前
Ant Design Vue 日期选择器英文不变更中文问题
前端·vue.js·ant design
啃火龙果的兔子10 分钟前
react-i18next+i18next-icu使用详解
前端·javascript·react.js
彭于晏爱编程13 分钟前
🌹🌹🌹bro,AntD 6.0.0 来了
前端
1024小神15 分钟前
Electron实现多tab页案例,BrowserView/iframe/webview不同方式的区别
前端·javascript·electron
Amos_Web24 分钟前
Rust实战(四):数据持久化、告警配置与Web API —— 构建监控系统的功能闭环
前端·后端·rust
java水泥工29 分钟前
基于Echarts+HTML5可视化数据大屏展示-物流大数据展示
大数据·前端·echarts·html5·可视化大屏
U***e6330 分钟前
Vue自然语言
前端·javascript·vue.js
用户7617363540144 分钟前
浏览器渲染原理
前端·浏览器
拉不动的猪1 小时前
Vue 跨组件通信底层:provide/inject 原理与实战指南
前端·javascript·面试