功能需求
在项目中需要禁用时间控件中当前时间的前10天,不能被选中,当前时间是2020-11-24,那么从2020-11-14开始,之前时间都是不能选择的
- 选用Element UI中的el-date-picker控件
<el-date-picker v-model="ruleForm.startDate" type="date" placeholder="选择日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" :picker-options="pickerOptions" style="width: 200px"> </el-date-picker>
- js代码 这里使用的是vue框架
data() { return { pickerOptions: { disabledDate(time) { const dd = new Date(); dd.setDate(dd.getDate() - 10); return time < dd; }, } } },