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] : ''

}

}

效果:

相关推荐
一颗苹果OMG3 分钟前
随着AI的发展,测试跟prompt会不会成为每个程序员的必修课
前端·程序员·全栈
起这个名字5 分钟前
Webpack——插件实现的理解
前端·javascript·node.js
Mapmost11 分钟前
让 AI 真正看懂世界—构建具备空间理解力的智能体
前端
橙 子_27 分钟前
我本以为代码是逻辑,直到遇见了HTML的“形”与“意”【一】
前端·html
Kisang.33 分钟前
【HarmonyOS】ArkWeb——从入门到入土
前端·华为·typescript·harmonyos·鸿蒙
沉默璇年39 分钟前
tgz包批量下载脚本
前端
a***13141 小时前
python的sql解析库-sqlparse
android·前端·后端
0***R5151 小时前
前端构建工具缓存,node_modules
前端·缓存
坚持就完事了1 小时前
CSS-4:CSS的三大特性
前端·css
坚持就完事了2 小时前
CSS-3:背景设置
前端·css·html