el-plus

---

el-plus 时间选择器禁止选择同一天

<el-date-picker 
    v-model="timeSearchForm.time" 
    @calendar-change="calendarChange" 
    :disabledDate="disabledDateFn" 
    value-format="YYYY-MM-DD" 
    type="daterange" 
    range-separator="至"  
    start-placeholder="开始时间" 
    end-placeholder="结束时间"
/>

const startDate = ref(null)
const disabledDateFn = (time) => {
    if (startDate.value !== null) {
        return (
            // 禁止选择同一天
            time.getTime() === startDate.value.getTime()
        );
    }
    // 如果未选择日期，不禁用任何日期
    return false;
}

// 记录选择的开始日期，方便后面根据开始日期限定结束日期
function calendarChange (dates) {
    let hasSelectDate = dates !== null && dates.length > 0
    startDate.value = hasSelectDate ? dates[0] : null
}

el-plus 日期时间选择器，设置时分秒初始值

<el-date-picker
    v-model="value2"
    type="datetimerange"
    start-placeholder="开始时间"
    end-placeholder="结束时间"
    :default-time="defaultTime2"
/>

const defaultTime2: [Date, Date] = [
  new Date(2000, 1, 1, 12, 0, 0),
  new Date(2000, 2, 1, 8, 0, 0),
] // '12:00:00', '08:00:00'