React js中除MUI、Bootstrap外的月-年范围选择器咨询

存在不少不依赖Material UI、Bootstrap这类大型UI框架、可单独引入使用的月-年范围选择器，常用选项如下：

• react-datepicker：轻量通用日期选择组件，无第三方UI框架依赖，只要配置面板仅展示月/年维度、开启范围选择属性，就能直接作为月-年范围选择器使用，自定义样式门槛低，能覆盖绝大多数常规业务场景。
• react-month-picker：专门面向月份选择场景开发的独立组件，原生支持范围选择模式，默认面板就只保留月、年切换层级，不需要额外做视图裁剪，API简洁，很少的配置代码就能跑通基础的月-年范围选择逻辑。
• rc-picker：底层日期选择器基础组件，很多主流UI库的日期类组件都是基于它二次封装的，本身没有绑定任何框架默认样式，支持高度自定义面板结构，可以直接配置为仅选月/年的范围选择模式，灵活度很高，适合有深度定制交互需求的场景。
• react-dates：独立的日期交互组件库，不绑定第三方CSS框架，支持屏蔽日期粒度的选择操作，只保留月、年切换逻辑，开启范围选择模式即可满足需求，自带的区间高亮、快捷选年等交互细节比较完善，不需要额外二次开发。

如果项目对包体积有严格限制，也可以基于原生input的month类型自行封装基础版月-年范围选择器，不到百行代码就能覆盖核心选择逻辑，完全不需要引入第三方依赖。

内容的提问来源于stack exchange，提问作者Sandeep Kumar