Home >Web Front-end >JS Tutorial >How to determine holidays in js
Because I want to make a calendar control and encounter national statutory holidays, how to implement this function? In fact, the implementation code is very simple. Below I will share with you the js holiday judgment example code. Friends who need it can refer to it
Effect display:
<!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> <p id="p1"> 开始时间:<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> </p> <p> <strong><span id = "show"></span></strong> </p> </body> </html>
ps: Let me share with you a piece of code to determine all holidays based on js. The specific code is as follows:
// 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("圣诞节");
The above is what I compiled for you. I hope it will be helpful to you in the future.
Related articles:
How to implement the message board function in JS
How to implement OAuth2.0 authorization service authentication in nodejs
How to build a vue project on webpack
The above is the detailed content of How to determine holidays in js. For more information, please follow other related articles on the PHP Chinese website!