Skip to content

概述

Datenel(意为「日期(Date) + 面板(Panel)」)是一个轻量且自适应的日期选择 UI 组件库。Datenel 的目标是创建一个通用的基于组件的日期选择面板解决方案,适用于各种环境,包括不同的前端脚手架、日期处理库、设计需求,甚至是针对特定需求的人群进行优化,且具有超轻量的体积。

在 Datenel 开发过程中,我们遵循这样的规范:

  • 零运行时依赖:Datenel 在开发过程中不使用任何外部运行时依赖,以实现极其精简的体积。Datenel 使用JavaScript 的原生 Date 对象处理日期和时间,并返回直观结构化的 JSON,因此可以放心地使用当前的时间处理库来处理用户从 Datenel 所选择的日期。
  • 无障碍优化:Datenel 通过在组件中集成 aria 相关的 HTML 标签来优化其无障碍性。通过包含丰富上下文的屏幕阅读器文本,Datenel 可显著增强屏幕阅读器用户的体验,包括每个选择的详细日期和指引。此外,我们的组件支持键盘导航,使用户能够轻松选择日期并自信地导航日期面板,确保优秀的包容性体验。
  • 丰富的配置和偏好选项:作为开发者,你可以手工调整 Datenel 的几乎每一个细节,包括在用户选择日期时触发或调整面板的配色方案。通过完整的 JSDoc 支持,在你最爱的 IDE 中,只需几个按键即可获知组件及属性的设置方式,让开发过程无比轻松。