laydate默认不支持节气显示，需通过ready回调查表获取当月节气并注入自定义HTML到.laydate-header，配合绝对定位CSS样式，且应在change回调中加防抖更新以确保年月切换同步。
laydate 默认不支持节气显示，必须手动扩展
layui 的 laydate 内置只渲染公历日期，农历节气（如“立春”“惊蛰”）不在其默认渲染逻辑中。官方未暴露节气计算接口，也没有 calendarHeader 这类钩子函数。想在日历顶部显示当前月节气，只能拦截渲染流程、注入自定义 HTML。
用 ready 回调 + laydate.now 计算当月节气
节气是太阳黄经每 15° 一个点，每年固定 24 个，可查表或按公式推算。实际项目中推荐查表法——预存近十年每月节气日期（精确到日），避免实时计算误差。在 ready 回调里获取当前面板年月，查出该月两个节气（如 3 月有“惊蛰”“春分”），拼成字符串插入日历头部：
laydate.render({
elem: '#test',
ready: function(date) {
const y = date.getFullYear();
const m = date.getMonth() + 1;
const jieqi = getJieQiOfMonth(y, m); // 返回类似 ['惊蛰', '春分']
const header = document.querySelector('.laydate-header');
if (header && jieqi.length) {
const el = document.createElement('div');
el.className = 'laydate-jieqi';
el.innerHTML = ` ${jieqi.join(' / ')}`;
header.appendChild(el);
}
}
});
注意：getJieQiOfMonth 需自行实现，不能依赖 laydate.getEndDate 或 laydate.hms ——它们不提供节气数据。
CSS 覆盖要小心，避免影响年月切换按钮
节气文字加在 .laydate-header 里，但这个容器内已有年份下拉、左右箭头等元素。直接 appendChild 可能导致布局错位。建议：
- 给节气容器加
position: absolute; right: 10px; top: 50%; transform: translateY(-50%); - 用
z-index: 10确保不被遮挡 - 避免用
float或修改.laydate-header的display，否则年份选择器下拉框会错位 - 节气文字字号设为
12px，颜色用#999，别抢主日期焦点
移动端适配和性能隐患
节气文本在小屏上容易换行或溢出，尤其 iOS Safari 下 absolute 定位可能失效。更稳妥的做法是：在 change 回调里重新计算并更新节气（而非只在 ready 中执行一次），确保切换年月后内容同步。但要注意：
-
change会高频触发（比如鼠标 hover 日历格子时也可能触发），需加防抖（setTimeout+clearTimeout） - 节气查表数组必须是静态常量，别在每次回调里
require('./jieqi.json')，否则打包后体积膨胀且加载阻塞 - 农历节气不含年份（如“清明”永远是 4 月 4–6 日之间），所以不必校验闰月，但查表时得覆盖至少 2020–2035 年范围
节气不是纯前端能 100% 精确还原的，天文算法涉及儒略日、岁差修正，业务上用查表+人工校对过的数据最稳。别在 laydate 渲染钩子里做复杂计算。
