UI Kitten Calendar组件仅当前年可选 过往未来年份禁用原因问询
UI Kitten Calendar 组件仅支持选择当前年份日期的说明
这一表现并非组件的功能限制,属于默认配置的正常行为:
- 默认参数限制了可选日期范围:组件的
min属性默认值为当前年份的1月1日,max属性默认值为当前年份的12月31日,所有超出该范围的日期都会被默认置为禁用状态,官方的简单用法演示使用的是默认配置,因此无法选择其他年份的日期。 - 可通过自定义参数调整可选范围:只需要手动传入
min和max属性指定需要的日期上下限即可,参考示例如下:
import { Calendar } from '@ui-kitten/components'; import React from 'react'; const CustomCalendar = () => { // 设定可选范围为2010年1月1日至2030年12月31日 const minDate = new Date(2010, 0, 1); const maxDate = new Date(2030, 11, 31); return ( <Calendar min={minDate} max={maxDate} /> ); };
如果需要更大的可选范围,仅需调整min和max对应的日期值即可,组件本身没有固定的年份选择限制。
内容的提问来源于stack exchange,提问作者achill
相关产品推荐
相关产品推荐

