如何应用选择器选项仅在 Element UI 日期选择器中启动日历
How to apply picker-options to only start calendar in Element UI date-picker
我正在使用 Element UI 构建网络应用程序,尤其是 el-date-picker 组件。
这是我的代码,你可以用第一个日历和第二个日历来定义时间段。
但是,我不知道如何将 picker-options
应用到第一个日历。
我希望你不能在第一个日历中设置未来的日期,但你可以在第二个日历中设置。
<template>
<div class="block">
<span class="demonstration">daterange</span>
<el-date-picker
v-model="value2"
type="daterange"
align="right"
start-placeholder="Start Date"
end-placeholder="End Date"
:picker-options="pickerOptions"
default-value="2010-10-01">
</el-date-picker>
</div>
</template>
<script>
export default {
date() : {
return {
pickerOptions: {
disabledDate(date) {
return date > Date.now();
},
}
}
}
}
</script>
在此代码中,您不能在两个日历上设置未来的日期。
这是不可能的。因为这两个日历是一个元素,都满足一个条件
我正在使用 Element UI 构建网络应用程序,尤其是 el-date-picker 组件。
这是我的代码,你可以用第一个日历和第二个日历来定义时间段。
但是,我不知道如何将 picker-options
应用到第一个日历。
我希望你不能在第一个日历中设置未来的日期,但你可以在第二个日历中设置。
<template>
<div class="block">
<span class="demonstration">daterange</span>
<el-date-picker
v-model="value2"
type="daterange"
align="right"
start-placeholder="Start Date"
end-placeholder="End Date"
:picker-options="pickerOptions"
default-value="2010-10-01">
</el-date-picker>
</div>
</template>
<script>
export default {
date() : {
return {
pickerOptions: {
disabledDate(date) {
return date > Date.now();
},
}
}
}
}
</script>
在此代码中,您不能在两个日历上设置未来的日期。
这是不可能的。因为这两个日历是一个元素,都满足一个条件