Ant Design DatePicker 年份范围选择 - 代码示例

{"title":"Ant Design DatePicker 年份范围选择 - 代码示例","description":"使用Ant Design DatePicker组件，通过设置mode属性和disabledDate函数，实现只选择年份范围的下拉框。代码示例展示如何设置年份范围和禁用日期。","keywords":"Ant Design, DatePicker, 年份范围选择, 年份选择器, 范围选择, 日期选择器, React, 代码示例","content":"是的，Ant Design中有一个DatePicker组件，可以设置只选择年份范围的下拉框。你可以使用DatePicker组件的mode属性来设置选择模式为只选择年份。下面是一个示例代码：\n\njsx\nimport React from 'react';\nimport { DatePicker } from 'antd';\n\nconst { RangePicker } = DatePicker;\n\nfunction YearRangePicker() {\n const disabledDate = (current) => {\n return current && (current.year() < 2010 || current.year() > 2022);\n };\n\n return (\n <RangePicker\n picker="year"\n disabledDate={disabledDate}\n />\n );\n}\n\nexport default YearRangePicker;\n\n\n在上面的示例中，我们使用了RangePicker组件，并将picker属性设置为"year"，这样就可以只选择年份了。disabledDate函数用于禁用不在指定年份范围内的日期。\n\n你可以根据自己的需求修改disabledDate函数中的年份范围。"}