访问网站 过程,中小型企业网络的设计与实现,苏州百度推广公司,郓城建设局网站element-plus使用el-date-picker组件时#xff0c;如何禁止用户选择当前时间之后的日时分秒
例#xff1a; 当前时间为2023-11-15 14.24#xff0c;不能选择这之后的时分秒。#xff08;禁止用户选择2023-11-15 14.28#xff09; el-date-pickerv-modelform.s…element-plus使用el-date-picker组件时如何禁止用户选择当前时间之后的日时分秒
例 当前时间为2023-11-15 14.24不能选择这之后的时分秒。禁止用户选择2023-11-15 14.28 el-date-pickerv-modelform.startTimetypedatetimeformatYYYY-MM-DD HH:mm:ssvalue-formatYYYY-MM-DD HH:mm:sspopper-classno-now-date:disabled-datedisabledDate:disabled-hoursdisabledHour:disabled-minutesdisabledMinute//* 限制天 */
const disabledDate (time: Date) {return time.getTime() Date.now()
}
/* 限制小时 */
const disabledHour (time: Date) {const arrs []// 当前本地时间的当天00:00 时间戳const timeDay dayjs().startOf(day).valueOf()// 当前选中时间的当天00:00 时间戳const timeActiveDay dayjs(searchParams.value.startTime).startOf(day).valueOf()if (timeDay timeActiveDay) {console.log(小时可以随便选择)} else {console.log(小时存在限制)for (let i 0; i 24; i) {if (new Date().getHours() i) continuearrs.push(i)}}return arrs
}
/* 限制分 */
const disabledMinute () {const arrs []// 当前本地时间的整点小时 时间戳const timeHour dayjs().startOf(hour).valueOf()// 当前选中时间得整点小时 时间戳const timeActiveHour dayjs(searchParams.value.startTime).startOf(hour).valueOf()if (timeHour timeActiveHour) {console.log(分钟可以随便选择)} else {console.log(分钟存在限制)for (let i 0; i 60; i) {if (new Date().getMinutes() i) continuearrs.push(i)}}return arrs
}
/* 限制秒 */
const disabledSecond () {const arrs []// 当前本地时间的整点分钟 时间戳const timeMin dayjs().startOf(minute).valueOf()// 当前选中时间得整点分钟 时间戳const timeActiveMin dayjs(searchParams.value.startTime).startOf(minute).valueOf()if (timeMin timeActiveMin) {console.log(秒可以随便选择)} else {console.log(秒存在限制)for (let i 0; i 60; i) {if (new Date().getSeconds() i) continuearrs.push(i)}}return arrs
}
