A8站源码交易平台
vue项目中，使用element-ui日期月份选择器，实现功能：(1) 默认显示期间为近半年；(2) 开始日期月份为2018年12月，以往月份不可选择；(3) 结束日期月份大于开始日期月份，并截止当前月份，未来月份不可选择。
2. 案例图示：
<h3 color:#4f4f4f;background-color:#ffffff;"="" style="font-size: 22px;">3. 案例代码：
<el-date-picker
v-model="searchForm.startPeriod"
type="month"
format='yyyyMM'
value-format='timestamp'
:picker-options="pickerOptionsStart"
placeholder="开端月份">
—
<el-date-picker
v-model="searchForm.endPeriod"
type="month"
format='yyyyMM'
value-format='timestamp'
:picker-options="pickerOptionsEnd"
placeholder="结束月份">
--------------------- A8站源码交易平台
export default {
data() {
return {
searchForm:{
'startPeriod':new Date().getTime()-365*24*3600*1000/2,//近半年
'endPeriod':new Date().getTime(),// 其时月
},
pickerOptionsStart:{ // 捆绑 选择开端日期
disabledDate: (time) => {
let date2018 = new Date('2018/11/31 23:59:59').getTime();
return !(date2018 < time.getTime() && time.getTime() < Date.now());
}
},
pickerOptionsEnd: { // 捆绑 选择结束日期
disabledDate: (time) => {
return !( this.searchForm.startPeriod < time.getTime() && time.getTime() < Date.now());
}
},
}
}
}
---------------------
A8站源码交易平台
