【uview calendar日历 】 u-view 2.0 的日历组件默认是无法选择当天之前的日期,解决方法

文章介绍了在uView框架中设置日历组件的minDate、maxDate、defaultDate和monthNum属性,特别是monthNum对性能的影响。当monthNum值过大时,渲染速度显著降低,如设置为100可能导致延迟和卡顿。示例代码展示了单个日期和多个日期模式的配置,并提供了优化建议。
设置  最小的可选日期**minDate**,最大可选日期**maxDate**
默认选中的日期,mode为multiple或range是必须为数组格式**defaultDate**
最大展示的月份数量**monthNum** 

注意: 最大展示的月份数量 monthNum ,当monthNum数据太大时 会渲染的超级超级慢,一年内monthNum= 10 还能接受,monthNum= 100 时 得等最少 5秒,并且还很卡

uview官网

在这里插入图片描述

![在这里插入图片描述](https://img-blog.csdnimg.cn/987e18280f074c50b08bea86e0fa595e.png在这里插入图片描述

多个日期模式

template

<u-calendar 
	:show="dateshow" 
	:minDate='minDate'
	:maxDate='maxDate'
	:defaultDate="defaultDate"
	mode="range" 
	allowSameDay 
	closeOnClickOverlay 
	round='15'
	monthNum='100'
	@confirm="Dateconfirm" @close='Dateclose'></u-calendar>

js

chooseTimed(){
   
   
				let date = new Date();
				
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值