elementUI,设置日期,只能选择过去的和今天的日期

在 el-date-picker 组件中加::picker-options="pickerOptions"

<el-form-item label="票据生成日期:">

<el-date-picker

v-model="date1"

type="daterange"

range-separator="至"

value-format="yyyy-MM-dd"

:picker-options="pickerOptions"

/>

</el-form-item>
data() {

return {

date1: [],

pickerOptions: {

disabledDate: (time) => {

return time.getTime() > Date.now()

}

},

toolParams: {

issueTimeBegin: '',

issueTimeEnd: '',

}

},

watch: {

date1(val) {

this.toolParams.issueTimeBegin = val ? val[0] : ''

this.toolParams.issueTimeEnd = val ? val[1] : ''

}

}

效果:

相关推荐
启山智软15 小时前
【启山智软智能商城系统技术架构剖析】
java·前端·架构
我命由我1234516 小时前
React Router 6 - 嵌套路由、路由传递参数
前端·javascript·react.js·前端框架·html·ecmascript·js
十六年开源服务商16 小时前
2026年WordPress网站地图完整指南
java·前端·javascript
GISer_Jing16 小时前
Agent架构师详解:Skill是什么?附CSDN博客撰写可复用Skill示例
前端·ai·aigc
liucan201217 小时前
nginx服务器实现上传文件功能_使用nginx-upload-module模块
服务器·前端·nginx
x-cmd17 小时前
[x-cmd] 一切 Web、桌面应用和本地工具皆可 CLI -opencli
前端·ai·github·agent·cli·x-cmd
南山love17 小时前
spring-boot项目实现发送qq邮箱
java·服务器·前端
F1FJJ18 小时前
Shield CLI:MySQL 插件 vs phpMyAdmin:轻量 Web 数据库管理工具对比
前端·网络·数据库·网络协议·mysql·容器
李明卫杭州18 小时前
JavaScript 严格模式下 arguments 的区别
前端·javascript
swipe18 小时前
向量数据库实战:为什么 AI Agent 离不开 Milvus
前端·面试·agent