返回项目列表

农历日历

一个专业的农历日历应用,使用lunar-javascript库提供准确的农历、干支和节气信息

农历干支历节气ReactTypeScript

农历日历

一个专业的农历日历应用,使用lunar-javascript库提供准确的农历、干支和节气信息,展示中国传统历法的魅力。

在线演示

下面是一个可交互的农历日历演示:

农历日历

2025九月

2025986:06
农历:七月十七
干支:乙巳乙酉庚辰己卯
时辰:己卯
月将:太乙
本月节气:白露(716:51)秋分(232:19)
31
1
初十
癸酉
2
十一
甲戌
3
十二
乙亥
4
十三
丙子
5
十四
丁丑
6
十五
戊寅
7
十六
己卯
白露
8
十七
庚辰
9
十八
辛巳
10
十九
壬午
11
二十
癸未
12
廿一
甲申
13
廿二
乙酉
14
廿三
丙戌
15
廿四
丁亥
16
廿五
戊子
17
廿六
己丑
18
廿七
庚寅
19
廿八
辛卯
20
廿九
壬辰
21
三十
癸巳
22
初一
甲午
23
初二
乙未
秋分
24
初三
丙申
25
初四
丁酉
26
初五
戊戌
27
初六
己亥
28
初七
庚子
29
初八
辛丑
30
初九
壬寅
1
2
3
4
5
6
7
8
9
10
11

说明:

  • 使用专业农历算法,支持1900-2100年准确计算
  • 显示农历日期、干支纪日和生肖年份
  • 橙色边框和文字表示节气日(2025年数据)
  • 蓝色背景表示今天
  • 灰色日期为非当前月份

主要功能

  • 精确农历:使用专业算法库,提供准确的农历日期转换
  • 完整干支:显示年、月、日的天干地支信息
  • 节气显示:标注二十四节气,传承传统文化
  • 生肖年份:显示对应的十二生肖
  • 月份导航:流畅的月份切换功能
  • 今日高亮:当前日期和节气的特殊标识

技术特点

  • 使用 lunar-javascript 专业农历计算库
  • React Hooks 状态管理
  • 响应式设计,适配不同屏幕尺寸
  • 支持暗色模式
  • 优雅的节气标识设计
  • 准确可靠的历法数据

文化背景

农历系统

农历是中国传统历法,以月亮的圆缺周期为基础:

  • 月份名称:正月、二月、三月...冬月、腊月
  • 日期表达:初一、初二...十五...廿九、三十
  • 节气系统:二十四节气指导农业生产

干支历法

干支历是中国古代的纪年系统:

  • 天干:甲、乙、丙、丁、戊、己、庚、辛、壬、癸
  • 地支:子、丑、寅、卯、辰、巳、午、未、申、酉、戌、亥
  • 生肖:十二地支对应十二生肖动物
  • 周期:60年为一个甲子周期

使用说明

  1. 月份导航:点击"上月"和"下月"按钮切换月份
  2. 回到今天:点击"今天"按钮快速回到当前日期
  3. 日期信息:每个日期格子显示公历日期、农历日期和干支日
  4. 详细信息:顶部显示当前日期的完整农历和干支信息

特色功能

  • 准确计算:使用lunar-javascript专业库,支持历史和未来任意年份
  • 节气标识:橙色边框和文字标注节气日期
  • 完整信息:显示年干支、日干支和生肖信息
  • 响应式设计:适配手机、平板和桌面设备
  • 暗色模式:支持系统主题切换

未来改进

  • 添加传统节日标注(春节、中秋等)
  • 支持黄历宜忌信息
  • 添加农历日期查询功能
  • 支持多语言显示
  • 添加历史事件标注

这个应用展示了如何在现代Web应用中集成传统的中国历法系统,是学习和了解农历、干支历的好工具。通过技术手段传承传统文化,让更多人了解中华文明的智慧结晶。

💬 项目讨论

欢迎在下方留言讨论这个项目,分享你的想法和建议!如果你有任何问题或改进建议,请随时留言。

评论讨论

使用 GitHub 账号登录参与讨论

加载评论中...

喜欢这个项目?

如果你觉得这个项目有趣或有用,欢迎给个 Star 或者联系我交流!