html （組件：element-ui）

重點：?:picker-options="pickerOptions"

<template><el-date-pickerv-model="form.dateRange"type="daterange" value-format="yyyy-MM-dd"range-separator="至"start-placeholder="開始日期"end-placeholder="結束日期":picker-options="pickerOptions"></el-date-picker>
</template>

js部分

data(){return{form:{a:[]},jyData=['2025-07-1','2025-09-01'] //限制區間（只能選這個區間內的）pickerMinDate: '', // 用于存儲開始日期的時間戳pickerOptions: {onPick: this.handlePick,disabledDate: this.handleDisabledDate}}
}
handlePick({ maxDate, minDate }) {// 記錄開始日期的時間戳（轉為當天0點，避免時間影響）this.pickerMinDate = minDate ? new Date(minDate.toDateString()).getTime() : '';if (maxDate) {this.pickerMinDate = '';}
},
// 限制區間
handleDisabledDate(time) {const startData=new.Date(this.jyData[0])const endData=new.Date(this.jyData[1])return time.getTime()<startData.getTime() || time.getTime()>endData.getTime()
}