在Amsul DatePicker中加载年份数量的方法是通过设置yearDropdownItemNumber属性来实现的。您可以将yearDropdownItemNumber属性设置为您想要显示的年份数量。
以下是一个示例代码,演示了如何在Amsul DatePicker中加载10个年份选项:
import React, { useState } from 'react';
import DatePicker from 'react-datepicker';
import 'react-datepicker/dist/react-datepicker.css';
const App = () => {
const [selectedDate, setSelectedDate] = useState(null);
return (
setSelectedDate(date)}
yearDropdownItemNumber={10} // 设置年份选项数量为10
/>
);
};
export default App;
在这个示例中,我们使用了react-datepicker库来创建一个日期选择器。通过设置yearDropdownItemNumber属性为10,我们将在年份下拉菜单中显示10个选项。
您可以根据您的需求修改yearDropdownItemNumber的值来加载不同数量的年份选项。