Vue+(部分框架) 时间选择器动态更改选择范围

在使用公司自定义的Vue框架中,作者遇到了时间选择器动态更改限制的问题。通过研究,发现不能直接在option中使用动态变量。最终,通过在created钩子中创建方法并赋值给时间选择器的option,成功实现了动态更新限制。作者欢迎有经验的大佬提供更好的解决方案。
摘要由CSDN通过智能技术生成

很多公司都有一套自己的公司前端框架,自己现在是在恒生电子的公司做着实习,用着公司提供的前端框架,具体是怎么样的我就不说了,用的是vue.js的框架,鉴于我本身是个vue的初学者,还是个小白,所以我学的可能比较蠢,遇到的问题也比较蠢,以至于,在前阵子的时候就遇到了问题,是关于这个时间选择器的日期限定,查阅了公司自己给出的官方文档,上面和ElementUI的时间选择器文档是一样的。
对于时间选择器的日期限定呢,就是放了一个options,然后,在对应的option里面,把限定写上去。例如

data():{
return{
option:{
	disabledDate(date){
	return date.valueOf() < Date.now() - 86400000
			}
		}
	}	
}

这个是选择今天,及今天之后的,顺带一提这个86400000就是一天的毫秒,valueof具体是代表什么,百度一下你就知道,我就不说了,
然后关于限定时间范围的话,我们可以用||来解决

data():{
return{
option:{
	disabledDate(date){
	return date.valueOf() < Date.now() - 86400000 || date.valueOf()>Date.now()+86400000*30
			}
		}
	}	
}

那么问题来了,根据现在的需求,我们需要动态更改的时间,并不是今天,而是从后台传上来的时间,那么这个Data.now()根本就没什么用,但是吧,很多更我一样的人ÿ

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值