element 时间选择器 月份选择范围控制 月份选择近半年
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
·
假如 需求是 当前月往后不可选 且 可以往前选择近半年 例如可选范围是 2020-10 ~ 2021-05(结束时间以当前向前推半年),代码没有优化 里面很多方法可以合并 着急就先丢上来了 勿喷😉


<el-date-picker
v-model="value2"
type="month"
placeholder="选择月"
:picker-options="pickerOptions"
>
</el-date-picker>
pickerOptions: {
disabledDate: (time) => {
const date = new Date();
const year = date.getFullYear();
let month = date.getMonth() + 1;
if (month >= 1 && month <= 9) {
month = '0' + month;
}
const currentdate = year.toString() + month.toString(); // 当前年月
const page_year = time.getFullYear();
let page_month = time.getMonth() + 1;
if (page_month >= 1 && page_month <= 9) {
page_month = '0' + page_month;
}
const pageDate = page_year.toString() + page_month.toString(); //页面中的年月
let min_year = date.getFullYear();
let min_month = date.getMonth() + 1 - 5;
if(min_month <= 0) {
min_year = min_year - 1;
min_month = 12 + min_month;
}
if (min_month >= 1 && min_month <= 9) {
min_month = '0' + min_month;
}
const minDate = min_year.toString() + min_month.toString(); // 最小年月
return currentdate < pageDate || pageDate < minDate;
},
},
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45
1 年前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 1 年前
新一代开源开发者平台 GitCode,通过集成代码托管服务、代码仓库以及可信赖的开源组件库,让开发者可以在云端进行代码托管和开发。旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。
更多推荐


所有评论(0)