You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.02 03:18:01