vue.js - 如何应用选择器选项仅在 Element UI 日期选择器中启动日历
问题描述
我正在使用 Element UI 构建 Web 应用程序,尤其是 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>
解决方案
是不可能的。因为这两个日历是一个元素,它们都满足一个条件。
推荐阅读
- python - 使用双进度条时 tqdm 打印新行
- flutter - 如何在flutter中导入和使用包?
- reactjs - React hooks-如何使用变量在下拉列表中设置选项
- tensorflow - max_pool2d的参数是什么意思?
- c# - 有没有办法在文本块/文本框对象中选择多行字符串的单行/单词?
- scala - 如何在 Scala 中使用案例类进行映射
- reactjs - 如何从浏览器的地址栏中删除不正确的路由并重定向到 hookrouter 中的 Home 路由?
- javascript - 为什么打开模式时'$el.clientWidth'等于0?(Vue.js)
- javascript - 如何在传单地图上显示第二个图标?
- android - Appium滚动直到找不到元素