elementui calendar自定义回调

136 阅读1分钟

html----

返回今天
---html
  ---js--
   watch:{
yearNum: {
		immediate: true,
		handler(yearNum) {
    const monthNum = new Date(this.monthNum).getMonth()+1;
    this.value = new Date(yearNum.getFullYear()+"-"+monthNum)
		}
	},
monthNum: {
		immediate: true,
		handler(month) {
    const yearNum = new Date(this.yearNum).getFullYear();
    const thismonth = new Date(month).getMonth()+1;
    this.value = new Date(yearNum+"-"+thismonth)
		}
	},

},

methods: { goToday(){ this.value = this.yearNum = this.monthNum = this.thisDay }, preYear(){ const yearNum = new Date(this.yearNum) yearNum.setFullYear(yearNum.getFullYear()-1); this.yearNum = yearNum }, nextYear(){ const yearNum = new Date(this.yearNum) yearNum.setFullYear(yearNum.getFullYear()+1); this.yearNum = yearNum }, preMonth(){ const yearNum = new Date(this.monthNum) const thisYear = yearNum.getFullYear(); const monthNum = new Date(this.monthNum).getMonth(); this.monthNum = new Date(thisYear+"-"+monthNum) }, nextMonth(){ const yearNum = new Date(this.monthNum) const thisYear = yearNum.getFullYear(); const monthNum = new Date(this.monthNum).getMonth()+1; const thismonth = monthNum+ 1; this.monthNum = new Date(thisYear+"-"+thismonth) },} --js

js 变量----
 thisDay: new Date(),
  activeName: 0,
  yearNum:new Date(),
  monthNum:new Date(),
  value: new Date(),

没完全数据驱动再优化