JS 操作日期 顺便实现 上一周 和 下一周 功能

今天，一已工作的学生向我求助：
1. 页面加载时，一个地方显示当前日期，其左右各一个箭头，分别表示上一周，下一周
下面的表格显示本周每个日期，从周一到周日
2. 点左右箭头，那个地方显示上一周或下一周的今天，且下面的表格显示上一周或下一周的每个日期

JS本身没有提供日期加减操作能力，所以借此写了几个方法，用以操作日期，主要是实现日期的加减
作者：郴州拓职任文敏

jsDate.htm

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;ilastDay) {
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;
}

←
    
→

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

赞 (0)

相关推荐

  • javascript 当前日期加(天、周、月、年)

    复制代码 代码如下: //create the date var myDate = new Date(); //add a day to the date myDate.setDate(myDate.getDate() + 1); //add a week myDate.setDate(myDate.getDate() + 7); //add a month myDate.setMonth(myDate.getMonth() + 1); //add a year myDate.setYear(m

  • JS日期对象简单操作（获取当前年份、星期、时间）

    本文实例为大家分享了JavaScript获取当前年份.星期.时间的方法,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> //

  • js操作时间（年-月-日 时-分-秒 星期几）

    var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前星期X(0-6,0代表星期天) myDate.getTime(); //获取当前时间(从1970.1.1开

  • JavaScript显示当然日期和时间即年月日星期和时间

    效果: 当前时间:2011年6月20日 星期一12:0:19 复制代码 代码如下: <mce:script language="javascript"><!-- function getTimeNow() { var time = new Date(); var hour = time.getHours(); var minute = time.getMinutes(); var second = time.getSeconds(); var week; var da

  • JavaScript时间操作之年月日星期级联操作

    JavaScript时间操作之年月日星期级联操作

    本文实例介绍了JavaScript时间操作之级联日期选择操作的详细代码,分享给大家供大家参考,具体内容如下 效果图: 具体代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312"> <title>年月日星期级联</title> </head> <body topmargin=&

  • js显示当前日期时间和星期几

    JavaScript获取当前日期时间同时显示星期几,具体代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="/jquery/1.7.0/jquery.min.js"></scr

  • js+数组实现网页上显示时间/星期几的实用方法

    复制代码 代码如下: <html> <head> <script type="text/javascript"> function startTime() { var today=new Date() var h=today.getHours() var m=today.getMinutes() var s=today.getSeconds() // add a zero in front of numbers<10 m=checkTime(m

  • js 取时间差去掉周六周日实现代码

    复制代码 代码如下: function GetDayNum(no,type) { if (type == "35") { var num7 = document.getElementById("6").value; var value = document.getElementById("7").value; var valueR = num7; if (no == "7") {valueR = value;}//标识时间值

  • js获取指定日期周数以及星期几的小例子

    JS获取日期时遇到如下需求,根据某年某周获取一周的日期.如开始日期规定为星期四到下一周的星期五为一周. 代码如下: function getNowFormatDate(theDate) { var day = theDate; var Year = 0; var Month = 0; var Day = 0; var CurrentDate = ""; // 初始化时间 Year= day.getFullYear();// ie火狐下都可以 Month= day.getMonth()+

  • JS获取本周周一，周末及获取任意时间的周一周末功能示例

    本文实例讲述了JS获取本周周一,周末及获取任意时间的周一周末功能.分享给大家供大家参考,具体如下: 项目需要获取本周及任意一天的周一及周末 需格式化,示例代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="htt

  • js输出阴历、阳历、年份、月份、周示例代码

    复制代码 代码如下: <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><meta content="Microsoft FrontPage 4.0"><meta content="FrontPage.Editor.Document"><style ty

  • js获取时间(本周、本季度、本月..)

    Js代码 复制代码 代码如下: /** * 获取本周.本季度.本月.上月的开端日期.停止日期 */ var now = new Date(); //当前日期 var nowDayOfWeek = now.getDay(); //今天本周的第几天 var nowDay = now.getDate(); //当前日 var nowMonth = now.getMonth(); //当前月 var nowYear = now.getYear(); //当前年 nowYear += (nowYear <

随机推荐