js判断节假日实例代码


Posted in Javascript onDecember 27, 2017

效果展示:

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判断节假日实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Open and Print a Word Document
Jun 15 Javascript
javascript 面向对象编程基础 多态
Aug 21 Javascript
浏览器图片选择预览、旋转、批量上传的JS代码实现
Dec 04 Javascript
js获取窗口相对于屏幕左边和上边的位置坐标
May 15 Javascript
学习JavaScript设计模式(策略模式)
Nov 26 Javascript
基于JavaScript操作DOM常用的API小结
Dec 01 Javascript
javascript history对象详解
Feb 09 Javascript
jquery 校验中国身份证号码实例详解
Apr 11 jQuery
实例详解vue.js浅度监听和深度监听及watch用法
Aug 16 Javascript
Vuex的实战使用详解
Oct 31 Javascript
JS Html转义和反转义(html编码和解码)的实现与使用方法总结
Mar 10 Javascript
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
Oct 05 Javascript
Vue的实例、生命周期与Vue脚手架(vue-cli)实例详解
Dec 27 #Javascript
Angular实现的简单查询天气预报功能示例
Dec 27 #Javascript
Angular实现点击按钮后在上方显示输入内容的方法
Dec 27 #Javascript
Angular实现的日程表功能【可添加及隐藏显示内容】
Dec 27 #Javascript
Vue+SpringBoot开发V部落博客管理平台
Dec 27 #Javascript
简单的Vue异步组件实例Demo
Dec 27 #Javascript
Vue.js组件间的循环引用方法示例
Dec 27 #Javascript
You might like
php Smarty模板生成html文档的方法
2010/04/12 PHP
PHP简洁函数(PHP简单明了函数语法)
2012/06/10 PHP
通过php快速统计某个数据库中每张表的数据量
2012/09/04 PHP
PHP使用内置dir类实现目录遍历删除
2015/03/31 PHP
PHP实现一个多功能购物网站的案例
2017/09/13 PHP
Laravel如何使用Redis共享Session
2018/02/23 PHP
laravel5环境隐藏index.php后缀(apache)的方法
2019/10/12 PHP
JavaScript更改class和id的方法
2008/10/10 Javascript
JavaScript日历实现代码
2010/09/12 Javascript
文本框中禁止非数字字符输入比如手机号码、邮编
2013/08/19 Javascript
验证控件与Button的OnClientClick事件详细解析
2013/12/04 Javascript
JQuery 封装 Ajax 常用方法(推荐)
2017/05/21 jQuery
JS实现图片预览的两种方式
2017/06/27 Javascript
如何选择适合你的JavaScript框架
2017/11/20 Javascript
webpack项目轻松混用css module的方法
2018/06/12 Javascript
vue单页面在微信下只能分享落地页的解决方案
2019/04/15 Javascript
微信小程序iBeacon测距及稳定程序的实现解析
2019/07/31 Javascript
vue 验证码界面实现点击后标灰并设置div按钮不可点击状态
2019/10/28 Javascript
vue props default Array或是Object的正确写法说明
2020/07/30 Javascript
Javascript实现打鼓效果
2021/01/29 Javascript
Python 字典dict使用介绍
2014/11/30 Python
Python md5与sha1加密算法用法分析
2017/07/14 Python
hmac模块生成加入了密钥的消息摘要详解
2018/01/11 Python
python得到qq句柄,并显示在前台的方法
2018/10/14 Python
用Python进行websocket接口测试
2020/10/16 Python
CSS3实现多背景模拟动态边框的效果
2016/11/08 HTML / CSS
CSS3实现缺角矩形,折角矩形以及缺角边框
2019/12/20 HTML / CSS
印度低票价航空公司:GoAir
2017/10/11 全球购物
沃尔玛旗下墨西哥超市:Bodega Aurrera
2020/11/13 全球购物
企业项目策划书
2014/01/11 职场文书
十八大报告观后感
2014/01/28 职场文书
《忆江南》教学反思
2014/04/07 职场文书
2014年办公室个人工作总结
2014/11/12 职场文书
React + Threejs + Swiper 实现全景图效果的完整代码
2021/06/28 Javascript
Pyhton爬虫知识之正则表达式详解
2022/04/01 Python
Android存储中最基本的文件存储方式
2022/04/30 Java/Android