vue使用elementUI插件设置日期选择器时间选择范围限制禁用置灰(7天)
效果如图所示:代码:<el-form-item class="date" v-if="type!='info'" label="预约时间" prop="yuyueshijian"><el-date-pickervalue-format="yyyy-MM-dd"v-model="ruleForm.yuyueshijian"type="date"
·
效果如图所示:
代码:
<el-form-item class="date" v-if="type!='info'" label="预约时间" prop="yuyueshijian">
<el-date-picker
value-format="yyyy-MM-dd"
v-model="ruleForm.yuyueshijian"
type="date"
placeholder="预约时间"
:picker-options="pickerOptions1"
></el-date-picker>
</el-form-item>
data (){
return {
pickerOptions1: {
disabledDate(time) {
let curDate = (new Date()).getTime();// 获取当前时间点
let seven = 7 * 24 * 60 * 60 * 1000 ;// 设定7天日期 7天 * 24小时 * 60分钟 * 60秒 * 1000 = 7天的时间戳
let sevenDays = curDate + seven;// 当前时间点后的七天所处的日期
return time.getTime() < Date.now() + 8.64e7 || time.getTime() > sevenDays + 8.64e7;// 8.64e7 表示一天,明天之前包括明天不可选,只可选七天
},
}
}
}
更多推荐



所有评论(0)