el-date-picker 禁用:
el-date-picker type屬性"datetime" 慕的,想在一個框 ,可以限制日期+時間段的禁用如下:
<el-date-picker
v-model="postData.createDate"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
:picker-options="pickerOptions"
placeholder="選擇日期">
</el-date-picker>
const time = '2022-12-10 10:10:10';
const time2 = '2022-12-12 12:12:12';
const time_date1 = time.split(' ')[0];
const _start = time.split(' ')[1];
const _end = time2.split(' ')[1];
const _selectableRange = `${_start} - ${_end}`;
pickerOptions: {
// 設(shè)置可選的時間范圍
selectableRange: _selectableRange,
disabledDate(date) {
// 小于開始時間的禁用
const disabledBefore = new Date(time_date1 + ' :00:00:00');
return new Date(date).getTime() < disabledBefore.getTime()
}
},
image.png
image.png
如果有更好的方法可以評論留言;