Element-ui 时间选择器 控制3个月3年等等不能选择案例
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Element-ui 时间选择器 控制3个月3年等等不能选择案例相关的知识,希望对你有一定的参考价值。
参考技术A 前言:开发中遇到需求控制三个月前或者后不能选择、控制三年前或者三年后选择时间范围案例,请看demo:<el-date-picker
v-model="value2"
align="right"
type="date"
placeholder="选择日期"
:picker-options="pickerOptions">
</el-date-picker>
pickerOptions:
//返回值 表示不可选的区间 YES代表不能选中 NO代表可以选中
disabledDate(time)
let date =new Date() //获取当前时间
let year = date.getFullYear() + 3 //控制时间年 之前用- 之后用加
let month =date.getMonth() //控制月份之前减、之后用加。获取3个月前的月份的index(0是1月)
let day = date.getDate()
let threeMounthsBeforeDay = (new Date(year,month,day)).getTime() //定义2个月前的毫秒数
//限制时间范围,如果要包含今天可以+/-8.64e7/8.64e6。现在是往后控制的时间,如果是往前控制 符号变成相反的就可以了
return time.getTime() < Date.now() || time.getTime() > threeMounthsBeforeDay
以上是关于Element-ui 时间选择器 控制3个月3年等等不能选择案例的主要内容,如果未能解决你的问题,请参考以下文章
基于Vue和Element-UI中Select 选择器的分组全选以及样式修改问题
vue element-ui 日期选择器组件 日期时间格式化
你还在用古老的HTML和CSS吗?还在手敲吗?那么你是时候打开新前端的大门了————Element-UI全面详解