网络推广网站怎么做,宿迁市建设局网站首页,网站改版目的,wordpress聚合页面要求#xff1a;点击el-date-picker选择时间范围时#xff0c;默认展开当月和上个月。
但是Element UI的组件默认展开的是本月和下一个月#xff0c;如下图所示#xff1a; 改为 span clickchangeInitCalendarRangeel-date-picker v-modelr…要求点击el-date-picker选择时间范围时默认展开当月和上个月。
但是Element UI的组件默认展开的是本月和下一个月如下图所示 改为 span clickchangeInitCalendarRangeel-date-picker v-modelruleForm.time typedatetimerange value-formatyyyy-MM-dd HH:mm:ssrange-separator至 start-placeholder开始日期 end-placeholder结束日期 :picker-optionspickerOptions changeonsetmonitor blurblurclassform-width/el-date-picker
/span
script
export default {data() {return {pickerOptions: {disabledDate(time) {return time.getTime() Date.now() - 8.64e7 || time.getTime() Date.now() - 8.64e7 * 90;},shortcuts: [{text: 最近一周,onClick(picker) {const end new Date();const start new Date();start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);picker.$emit(pick, [start, end]);},},{text: 最近一个月,onClick(picker) {const end new Date();const start new Date();start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);picker.$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]);},},],},};},methods: {/**时间范围选择器组件默认展示上月和本月 点击判断**/changeInitCalendarRange() {if(this.countss 0){return}else{this.countsslet element document.querySelector(button.el-picker-panel__icon-btn.el-icon-arrow-left);if (element){element.click()};};},//多次点击清空按钮blur(){if(this.ruleForm.time null){this.countss 0;}},//如果选定值重置countssonsetmonitor(){if(this.ruleForm.time){return};this.countss 0},}
}
