时间区间页面设计两个框html,elementUI 2个输入框 时间区间月份选择

Title

v-model="startDate"

format="yyyy-MM"

type="month"

placeholder="选择月份"

:picker-options="pickerOptions1">

v-model="endDate"

format="yyyy-MM"

type="month"

placeholder="选择月份"

:picker-options="pickerOptions2">

var vm = new Vue({

el: "#reportApp",

data: function () {

return {

startDate: '',

endDate: '',

pickerOptions1: {

disabledDate(time) {

if (vm.endDate != null && vm.endDate != "") {

return time.getTime() > vm.endDate;

} else {

return false;

}

}

},

pickerOptions2: {

disabledDate(time) {

if (vm.startDate != null && vm.startDate != "") {

return time.getTime() < vm.startDate;

} else {

return false;

}

}

}

}

}

})

实现效果:

原文: https://www.cnblogs.com/yysbolg/p/11095944.html