国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JS 操作日期順便實現上一周和下一周功能

2019-11-21 01:03:23

字體：大中小

來源：轉載

供稿：網友

今天，一已工作的學生向我求助：
1. 頁面加載時，一個地方顯示當前日期，其左右各一個箭頭，分別表示上一周，下一周
下面的表格顯示本周每個日期，從周一到周日
2. 點左右箭頭，那個地方顯示上一周或下一周的今天，且下面的表格顯示上一周或下一周的每個日期

JS本身沒有提供日期加減操作能力，所以借此寫了幾個方法，用以操作日期，主要是實現日期的加減
作者：郴州拓職任文敏

jsDate.htm

<script> var currDT; var aryDay = new Array("日","一","二","三","四","五","六"); //初始頁面 function ini() { currDT = new Date(); showDate(); } //上一周 或 下一周 function addWeek(ope) { var num = 0; if(ope=="-") { num = -7; } else if(ope=="+") { num = 7; } currDT = addDate(currDT,num); showDate(); } function showDate() { span1.innerHTML = currDT.toLocaleDateString(); //顯示日期 var dw = currDT.getDay(); var tdDT; //確定周一是那天 if(dw==0) { tdDT = addDate(currDT,-6); } else { tdDT = addDate(currDT,(1-dw)); } //在表格中顯示一周的日期 var objTB = document.getElementById("tb1"); for(var i=0;i<7;i++) { if(tdDT.toLocaleDateString()==currDT.toLocaleDateString()) { objTB.rows[0].cells[i].style.color = "red"; //currDT突出顯示 } dw = tdDT.getDay(); objTB.rows[0].cells[i].innerHTML = tdDT.getMonth()+1 + "月" + tdDT.getDate() + "日 星期" + aryDay[dw]; tdDT = addDate(tdDT,1); //下一天 } } //增加或減少若干天，由 num 的正負決定，正為加，負為減 function addDate(dt,num) { var ope = "+"; if(num<0) { ope = "-"; } var reDT = dt; for(var i=0;i<Math.abs(num);i++) { reDT = addOneDay(reDT,ope); } return reDT; } //增加或減少一天，由ope決定, + 為加，- 為減，否則不動 function addOneDay(dt,ope) { var num = 0; if(ope=="-") { num = -1; } else if(ope=="+") { num = 1; } var y = dt.getYear(); var m = dt.getMonth(); var lastDay = getLastDay(y,m); var d = dt.getDate(); d += num; if(d<1) { m--; if(m<0) { y--; m = 11; } d = getLastDay(y,m); } else if(d>lastDay) { m++; if(m>11) { y++; m = 0; } d = 1; } var reDT = new Date(); reDT.setYear(y); reDT.setMonth(m); reDT.setDate(d); return reDT; } //是否為閏年 function isLeapYear(y) { var isLeap = false; if(y%4==0 && y%100!=0 || y%400==0) { isLeap = true; } return isLeap; } //每月最后一天 function getLastDay(y,m) { var lastDay = 28; m++; if(m==1 || m==3 || m==5 || m==7 || m==8 || m==10 || m==12) { lastDay = 31; } else if(m==4 || m==6 || m==9 || m==11) { lastDay = 30; } else if(isLeapYear(y)==true) { lastDay = 29; } return lastDay; } </script> <body onload="ini()">  <span style="cursor:hand;font-weight:bold;" onclick="addWeek('-')" title="上一周">←</span>   <span id="span1"></span>   <span style="cursor:hand;font-weight:bold;" onclick="addWeek('+')" title="下一周">→</span>  <table id="tb1" border="1" style="font-size:10pt"> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：struts2 jquery 打造無限層次的樹

下一篇：jquery 插件開發方法小結

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

索泰發布一款GTX 1070 Mini迷你版本:小機箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

榮耀總裁趙明烏鎮演講：榮耀首款5G手機V30下月發布

2019-10-23 09:17:05

搜狐張朝陽：回歸媒體是搜狐重新崛起的關鍵

2019-10-21 09:20:02

華為輪值董事長郭平：虛擬技術創造現實價值

2019-10-21 09:00:12

滴滴英文服務上線兩周年用戶已超200萬

2019-09-26 08:57:12

華為推出全球至快AI訓練集群Atlas900

2019-09-25 08:46:36

馬斯克：特斯拉正組建中國技術團隊

2019-09-25 08:15:43

疑難解答

圖片精選

網友關注

主站蜘蛛池模板：商都县| 镇宁| 大方县| 遂宁市| 石河子市| 陇南市| 陕西省| 大冶市| 友谊县| 吐鲁番市| 息烽县| 桓台县| 桐柏县| 丹巴县| 伊宁县| 寻甸| 汾阳市| 忻州市| 连云港市| 乌兰察布市| 依安县| 邛崃市| 齐齐哈尔市| 新疆| 盈江县| 蓬莱市| 哈密市| 鄢陵县| 大同县| 鹤壁市| 玉田县| 沭阳县| 连城县| 德保县| 武宣县| 阳东县| 常宁市| 涿州市| 昭觉县| 韶山市| 泽库县|