Vue中使用Element ui 时间选择器限制时间选择一天

Element ui 时间选择器限制时间选择一天

  • 使用picker-options,代码块可见
  • 定义开始和结束时间
  • 注意,跟定义的时间一样是放到data下return里写的
    • 想限制几天就把小时改了,一天24小时两天48小时,以此类推

使用picker-options,代码块可见


				--
				

定义开始和结束时间

				starttime: this.getStartTime(),
				endtime: this.getNowTime(),

注意,跟定义的时间一样是放到data下return里写的

pickerOptionsEnd: {
				disabledDate: (time) => {
					if (this.queryParams.starttime) {
						return (
							time.getTime() < new Date(this.queryParams.starttime).getTime() ||
							time.getTime() >
								new Date(this.queryParams.starttime).getTime() +
									24 * 60 * 60 * 1000
						)
					}
				},
			},

想限制几天就把小时改了,一天24小时两天48小时,以此类推

你可能感兴趣的:(vue.js,javascript,elementui)