前端判断节假日

安装并引入 

第一种:
npm i chinese-days

import chineseDays from 'chinese-days'

第二种:
直接浏览器引入,会跟随国务院发布更新
<script src="https://cdn.jsdelivr.net/npm/chinese-days/dist/index.min.js"></script>
<script>
  const { isHoliday } = chineseDays
  console.log(isHoliday('2022-01-01'))
</script>

直接调用

isWorkday 检查某个日期是否为工作日 console.log(isWorkday('2024-01-01')); // false
isHoliday 检查某个日期是否为节假日 console.log(isHoliday('2024-01-01')); // true

isInLieu 检查某个日期是否为调休日

getDayDetail 检查指定日期是否是工作日
// 示例用法
如果指定日期是工作日,则返回 true 和工作日名称,如果是被调休的工作日,
返回 true 和节假日详情。如果是节假日,则返回 false 和节假日详情。
// 正常工作日 周五
console.log(getDayDetail('2024-02-02')); // { "date": "2024-02-02", "work":true,"name":"Friday"}
// 节假日 周末
console.log(getDayDetail('2024-02-03')); // { "date": "2024-02-03", "work":false,"name":"Saturday"}
// 调休需要上班
console.log(getDayDetail('2024-02-04')); // { "date": "2024-02-04", "work":true,"name":"Spring Festival,春节,3"}
// 节假日 春节
console.log(getDayDetail('2024-02-17')); // { "date": "2024-02-17", "work":false,"name":"Spring Festival,春节,3"}
 

 

 获取指定日期范围内的所有节假日

getHolidaysInRange 获取指定日期范围内的所有节假日

接收起始日期和结束日期,并可选地决定是否包括周末。
如果包括周末,则函数会返回包括周末在内的所有节假日;否则,只返回工作日的节假日。
即使不包括周末,周末的节假日仍然会被返回
// 示例用法
const start = '2024-04-26';
const end = '2024-05-06';

// 获取从 2024-05-01 到 2024-05-10 的所有节假日,包括周末
const holidaysIncludingWeekends = getHolidaysInRange(start, end, true);
console.log('Holidays including weekends:', holidaysIncludingWeekends.map(d => getDayDetail(d)));

// 获取从 2024-05-01 到 2024-05-10 的节假日,不包括周末
const holidaysExcludingWeekends = getHolidaysInRange(start, end, false);
console.log('Holidays excluding weekends:', holidaysExcludingWeekends.map(d => getDayDetail(d)));

 取指定日期范围内的工作日列表

接收起始日期和结束日期,并可选地决定是否包括周末。如果包括周末,则函数会返回包括周末在内的所有工作日;否则,只返回周一到周五的工作日。
// 示例用法
const start = '2024-04-26';
const end = '2024-05-06';

// 获取从 2024-05-01 到 2024-05-10 的所有工作日,包括周末
const workdaysIncludingWeekends = getWorkdaysInRange(start, end, true);
console.log('Workdays including weekends:', workdaysIncludingWeekends);

// 获取从 2024-05-01 到 2024-05-10 的工作日,不包括周末
const workdaysExcludingWeekends = getWorkdaysInRange(start, end, false);
console.log('Workdays excluding weekends:', workdaysExcludingWeekends);

查找工作日

查找从今天开始 未来的第 {deltaDays} 个工作日。

// 查找从今天开始 未来的第 {deltaDays} 个工作日
// 如果 deltaDays 为 0,首先检查当前日期是否为工作日。如果是,则直接返回当前日期。
// 如果当前日期不是工作日,会查找下一个工作日。
const currentWorkday = findWorkday(0);
console.log(currentWorkday);

// 查找从今天开始未来的第一个工作日
const nextWorkday = findWorkday(1);
console.log(nextWorkday);

// 查找从今天开始之前的前一个工作日
const previousWorkday = findWorkday(-1);
console.log(previousWorkday);

// 可以传第二个参数 查找具体日期的上下工作日
// 查找从 2024-05-18 开始,未来的第二个工作日
const secondNextWorkday = findWorkday(2, '2024-05-18');
console.log(secondNextWorkday);

获取 24 节气的日期

import { getSolarTerms } from "chinese-days";

/** 获取范围内 节气日期数组 */
const solarTerms = getSolarTerms("2024-05-01", "2024-05-20");
solarTerms.forEach(({ date, term, name }) => {
  console.log(`${name}: ${date}, ${term}`);
});
// 立夏: 2024-05-05, the_beginning_of_summer
// 小满: 2024-05-20, lesser_fullness_of_grain

// 没有节气 返回 []
getSolarTerms("2024-05-21", "2024-05-25");
// return []

/* 不传 end 参数, 获取某天 节气 */
getSolarTerms("2024-05-20");
// return: [{date: '2024-05-20', term: 'lesser_fullness_of_grain', name: '小满'}]

 阳历转换农历

// 2097-8-7
console.log(getLunarDate('2097-08-07'))

// 2057-9-28
console.log(getLunarDate('2057-09-28'))
// {
//   date: "2057-09-28",
//   lunarYear: 2057,
//   lunarMon: 8,
//   lunarDay: 30,
//   isLeap: false,
//   lunarDayCN: "三十",
//   lunarMonCN: "八月",
//   lunarYearCN: "二零五七",
//   yearCyl: "丁丑",
//   monCyl: "己酉",
//   dayCyl: "戊子",
//   zodiac: "牛"
// }

// 非闰月 和 闰月例子
console.log(getLunarDate('2001-04-27'))
console.log(getLunarDate('2001-05-27'))

根据阳历日期区间,批量获取农历日期

console.log(getLunarDatesInRange('2001-05-21', '2001-05-26'))

农历转换阳历

当为阴历闰月的时候,会出现一个农历日期对应两个阳历日期的情况,所以返回对象形式。
console.log(getSolarDateFromLunar('2001-03-05'))
// {date: '2001-03-29', leapMonthDate: undefined}

console.log(getSolarDateFromLunar('2001-04-05'))
// {date: '2001-04-27', leapMonthDate: '2001-05-27'}

 

 

 

 

 

### 关于前端实现节假日概览展示的方法 在前端实现节假日概览的展示,通常涉及数据可视化技术以及用户界面设计。以下是几种常见的技术和方法: #### 数据可视化的工具选择 对于节假日概览的展示,可以采用 **Matplotlib** 或者更现代化的 JavaScript 图表库来完成。如果目标是在 Web 前端上呈现,则推荐使用以下工具之一: - **Chart.js**: 提供简单易用的 API 和丰富的图表样式,适合快速构建日历视图或时间序列分析。 - **D3.js**: 更加灵活和强大,能够创建高度定制化的时间轴、热力图或其他复杂的视觉表示形式[^1]。 #### Django 用户界面的应用实例 从已有案例来看,在 Django 开发环境中已经实现了类似的预测结果与知识图谱相结合的功能模块,并且这些功能被用来提供给特定领域(如交通管理)中的工作人员作为辅助决策支持系统的一部分[^3]。这表明基于 Python 后端框架配合前端渲染引擎同样适用于其他类型的周期性事件规划场景——比如节日安排或者活动调度等场合下的信息传达需求满足情况良好。 #### 时间维度的数据处理 考虑到节假日具有明显的季节性和规律特征,因此其背后往往涉及到对历史统计数据的有效挖掘及未来趋势判断过程。然而需要注意的是,当仅有少量样本点可供参考时(例如仅给出前两三天内的销售记录),试图据此推测后续日期的表现可能会存在较大偏差甚至完全失去实际价值[^2]。所以在具体项目实践中应当充分重视训练样本数量充足与否这个问题。 ```javascript // 使用 Chart.js 绘制简单的柱状图示例代码如下所示: var ctx = document.getElementById('myChart').getContext('2d'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['元旦', '春节', '清明节', '劳动节'], datasets: [{ label: '# of Visitors', data: [120, 190, 80, 60], backgroundColor: [ 'rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(255, 206, 86, 0.2)', 'rgba(75, 192, 192, 0.2)' ], borderColor: [ 'rgba(255, 99, 132, 1)', 'rgba(54, 162, 235, 1)', 'rgba(255, 206, 86, 1)', 'rgba(75, 192, 192, 1)' ], borderWidth: 1 }] }, options: { scales: { yAxes: [{ ticks: { beginAtZero: true } }] } } }); ``` 上述脚本片段演示了如何利用 `Chart.js` 库生成一个基础版本条形统计图形用于表现不同假期期间游客访问量的变化模式。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值