脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js 判断节假日

js判断节假日实例代码

 更新时间：2024年05月02日 01:12:17   作者：hy31337  
因为要做一个日历控件,遇到国家法定节假日,怎么实现此功能呢？其实实现代码很简单的,下面小编给大家分享js判断节假日实例代码,需要的朋友参考下吧

效果展示：

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title></title>
  <script src="jquery.min.js" type="text/javascript"></script>
  <script src="date.js" type="text/javascript"></script>
</head>
<script>
	/*************************************************************
*  判断某天是不是工作日
*  
*  @ date     {Date}       要判断的日期(0000-00-00)  
**************************************************************/
//2017年节假日
var jrdate_2017 = ["2017-01-01","2017-01-02","2017-01-27","2017-01-27","2017-01-27","2017-01-28","2017-01-29","2017-01-30","2017-01-31","2017-02-01","2017-02-02","2017-04-02","2017-04-03","2017-04-04","2017-04-29","2017-04-30","2017-05-01","2017-05-28","2017-05-29","2017-05-30","2017-10-01","2017-10-02","2017-10-03","2017-10-04","2017-10-05","2017-10-06","2017-10-07","2017-10-08"];
//2017年调休日
var txr_2017 = ["2017-01-22","2017-02-04","2017-04-01","2017-05-27","2017-09-30"];
//2018年节假日
var jrdate_2018 = ["2018-01-01","2018-02-15","2018-02-16","2018-02-17","2018-02-18","2018-02-19","2018-02-20","2018-02-21","2018-04-05","2018-04-06","2018-04-07","2018-04-29","2018-04-30","2018-05-01","2018-06-16","2018-06-17","2018-06-18","2018-09-22","2018-09-23","2018-09-24","2018-10-01","2018-10-02","2018-10-03","2018-10-04","2018-10-05","2018-10-06","2018-10-07"];
//2018年调休日
var txr_2018 = ["2018-02-11","2018-02-24","2018-04-08","2018-04-28","2018-09-29","2018-09-30"];
var num = 0;
function isWorkday(date_String) {
	//debugger;
  var date = !date_String ? new Date() : new Date(date_String);
  var is_jr_2017 = $.inArray(date_String, jrdate_2017);
  var is_jr_2018 = $.inArray(date_String, jrdate_2018);
  var is_tx_2017 = $.inArray(date_String, txr_2017);
  var is_tx_2018 = $.inArray(date_String, txr_2018);
  if(is_jr_2017!=-1 || is_jr_2018!=-1){
  	return; //"节假日";
  }
  var getday = date.getDay();
  if (getday == 0 || getday == 6) {
  	if(is_tx_2017!=-1 || is_tx_2018!=-1){
  		num++;
  		return;// '调休日';
  	}
    return;// '休息日';
  }
  else {
  	if(is_tx_2017!=-1 || is_tx_2018!=-1){
  		num++;
  		return;// '调休日';
  	}
  	num++;
    return;// '工作日';
  }
   //num;
}
//var d_arr = []; //时间段内所有日期
function getDayInfo(startDate,endDate){
	var bd = new Date(startDate),be = new Date(endDate); 
  var bd_time = bd.getTime(), be_time = be.getTime(),time_diff = be_time - bd_time; 
  d_arr = [];
  num = 0;
  for(var i=0; i<= time_diff; i+=86400000){ 
      var ds = new Date(bd_time+i).Format("yyyy-MM-dd"); 
      isWorkday(ds);
      //d_arr.push(ds) 
  } 
  console.log(num); 
  console.log(d_arr); 
  $("#show").html("呀！这段时间我们一共上"+num+"天班呢。");
}
function getInfo(info){
	
	var startDate = $("#startDate").val();
	var endDate = $("#endDate").val();
	getDayInfo(startDate,endDate);
	//console.log(isWorkday(startDate));
}
// 调用
//alert(isWorkday('2016-12-10'));
	
</script>
<body>
	<h3>填写时间算算我们能上几天班？！</h3>
  <div id="div1">
    开始时间：<input id="startDate" type="text" value="2018-02-01"></input>
    截止日期：<input id="endDate" type="text" value="2018-02-28"></input>
  	<input type="button" onclick = 'getInfo()' value="点击获取工作日天数"></input>
  </div>
  <div>
  	<strong><span id = "show"></span></strong>
  </div>
</body>
</html>

ps：下面在给大家分享一段代码基于js判断所有节假日，具体代码如下所示：

// JavaScript Document
calendar = new Date();
month = calendar.getMonth();
date = calendar.getDate();
if ((month == 0) && (date == 1)) document.write("元旦");
if ((month == 1) && (date ==13 )) document.write("除夕");
if ((month == 1) && (date ==14 )) document.write("春节/情人节");
if ((month == 2) && (date == 1)) document.write("国际海豹日");
if ((month == 2) && (date == 8)) document.write("国际劳动妇女节/中国保护母亲河日");
if ((month == 2) && (date == 12)) document.write("植树节");
if ((month == 3) && (date == 1)) document.write("愚人节");
if ((month == 3) && (date == 5)) document.write("清明节");
if ((month == 4) && (date == 1)) document.write("国际劳动节");
if ((month == 4) && (date == 9)) document.write("母亲节");
if ((month == 5) && (date == 1)) document.write("国际儿童节");
if ((month == 5) && (date == 26)) document.write("国际禁毒日");
if ((month == 7) && (date == 1)) document.write("建军节");
if ((month == 7) && (date == 15)) document.write("日本无条件投降日/世纪婚纱日");
if ((month == 7) && (date == 16)) document.write("七夕情人节");
if ((month == 9) && (date == 20)) document.write("世界厨师日");
if ((month == 9) && (date == 22)) document.write("世界传统医药日");
if ((month == 9) && (date == 24)) document.write("联合国日/世界发展信息日");
if ((month == 9) && (date == 25)) document.write("世界骨质疏松日/抗美援朝纪念日/环卫工人节");
if ((month == 9) && (date == 31)) document.write("世界勤俭日/中国男性健康日");
if ((month == 11) && (date == 24)) document.write("平安夜"); 
if ((month == 11) && (date == 25)) document.write("圣诞节");

JS——判断节假日（假日包括周末，不包括调休上班的周末）

//节假日数组
var holidays = [
  '2024-4-4', //清明
  '2024-4-5', //清明
  '2024-4-6', //清明
  '2024-5-1', // 劳动节
  '2024-5-2', // 劳动节
  '2024-5-3', // 劳动节
  '2024-5-4', // 劳动节
  '2024-5-5', // 劳动节
  '2024-6-8', // 端午节
  '2024-6-9', // 端午节
  '2024-6-10', // 端午节
  '2024-9-15', // 中秋节
  '2024-9-16', // 中秋节
  '2024-9-17', // 中秋节
  '2024-10-1', // 国庆节
  '2024-10-2', // 国庆节
  '2024-10-3', // 国庆节
  '2024-10-4', // 国庆节
  '2024-10-5', // 国庆节
  '2024-10-6', // 国庆节
  '2024-10-7', // 国庆节
  '2023-12-31'  // 元旦
];
//周末上班日期数组
var nWeekend = [
 '2024-4-7', //清明调整
 '2024-4-28', //五一调整
 '2024-5-11', //五一调整
 '2024-9-14', //中秋调整
 '2024-9-29', //国庆调整
 '2024-10-12', //国庆调整
];
 
var curdate = new Date();
curdate.setTime(curdate.getTime() + 4 * 24 * 60 * 60 * 1000); // 1即明天，2即后天
var year = curdate.getFullYear();
var month = curdate.getMonth()+1 ;//getMonth()+1为当前月份
var date = curdate.getDate();
var formattedDate = year + "-" + month + "-" + date;
 
//该日期同时满足2个条件即为节假日：1.在节假日数组内或在周末. 2.不在周末上班日期数组
if((holidays.indexOf(formattedDate)>=0 || (curdate.getDay()==0 || curdate.getDay()==6)) && nWeekend.indexOf(formattedDate)<0){
    console.log(formattedDate+':'+'节假日');
}else{
    console.log(formattedDate+':'+'非节假日');
}

总结

以上所述是小编给大家介绍的js判断节假日实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

  • 基于Bootstrap框架实现图片切换

    基于Bootstrap框架实现图片切换

    这篇文章主要介绍了基于Bootstrap框架实现图片切换的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2017-03-03
  • 淘宝搜索框效果实现分析

    淘宝搜索框效果实现分析

    在输入框里面预设一段提示文字，当焦点在输入框的时候清空这段文字，这在目前来说已经不是什么新鲜事了。
    2011-03-03
  • 利用百度地图JSAPI生成h7n9禽流感分布图实现代码

    利用百度地图JSAPI生成h7n9禽流感分布图实现代码

    本文将详细介绍下如何使用百度地图JSAPI生成的H7N9感染分布图，有对百度api感兴趣的朋友可以参考下哈，希望可以帮助到你
    2013-04-04
  • clipboard.js使用总结

    clipboard.js使用总结

    clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件，本文就详细的介绍一下如何使用，感兴趣的可以了解一下
    2021-11-11
  • javascript 设计模式之享元模式原理与应用详解

    javascript 设计模式之享元模式原理与应用详解

    这篇文章主要介绍了javascript 设计模式之享元模式,结合实例形式详细分析了javascript 设计模式之享元模式相关概念、原理、应用方法及操作注意事项,需要的朋友可以参考下
    2020-04-04
  • 手把手教你用Javascript实现观察者模式

    手把手教你用Javascript实现观察者模式

    这篇文章主要为大家介绍了Javascript观察者模式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
    2021-12-12
  • JavaScript 高级篇之闭包、模拟类,继承（五）

    JavaScript 高级篇之闭包、模拟类,继承（五）

    本篇主要分享我对闭包的理解及使用闭包完成私有属性、模拟类、继承等，结合大量例子，希望大家能快速掌握！首先让我们先从一些基本的术语开始吧
    2012-04-04
  • 基于JS实现视频上传显示进度条

    基于JS实现视频上传显示进度条

    这篇文章主要介绍了基于JS实现视频上传显示进度条,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-05-05
  • Javascript仿PHP $_GET获取URL中的参数

    Javascript仿PHP $_GET获取URL中的参数

    这篇文章主要介绍了Javascript仿PHP $_GET获取URL中的参数代码实例,需要的朋友可以参考下
    2014-05-05
  • 使用canvas实现有趣的弹簧效果

    使用canvas实现有趣的弹簧效果

    这篇文章主要为大家详细介绍了如何使用canvas实现有趣的弹簧效果,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以了解一下
    2023-12-12

最新评论