react-datepicker年份范围

react-datepicker是一个React库，用于在Web应用程序中选择日期和时间。它提供了一个用户友好的界面，可以轻松地选择日期和时间，并且具有可自定义的外观和功能。

年份范围是指在react-datepicker中可以选择的年份的范围。默认情况下，react-datepicker会显示从当前年份向前和向后两年的年份范围。但是，你可以通过设置minDate和maxDate属性来自定义年份范围。

minDate属性用于指定可选择的最早日期，而maxDate属性用于指定可选择的最晚日期。通过设置这两个属性，你可以限制用户只能选择特定的年份范围。

以下是一个示例代码，演示如何在react-datepicker中设置年份范围：

import React, { useState } from 'react';
import DatePicker from 'react-datepicker';
import 'react-datepicker/dist/react-datepicker.css';

const MyDatePicker = () => {
  const [selectedDate, setSelectedDate] = useState(null);

  const minDate = new Date(); // 当前日期
  const maxDate = new Date();
  maxDate.setFullYear(maxDate.getFullYear() + 2); // 当前年份 + 2年

  return (
    <DatePicker
      selected={selectedDate}
      onChange={date => setSelectedDate(date)}
      minDate={minDate}
      maxDate={maxDate}
    />
  );
};

export default MyDatePicker;

在上面的示例中，我们使用useState钩子来跟踪所选日期。我们创建了一个minDate变量，它被设置为当前日期，以及一个maxDate变量，它被设置为当前日期加上2年。然后，我们将这两个变量传递给react-datepicker组件的minDate和maxDate属性。

这样，用户在react-datepicker中只能选择从当前日期到2年后的年份范围内的日期。

腾讯云提供了一系列与云计算相关的产品，例如云服务器、云数据库、云存储等。你可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云的产品和服务。