获取当前周、上一周、下一周日期

本文介绍了一个使用JavaScript实现的日历操作示例,能够显示当前日期的详细信息,包括年、月、日及星期几,并提供了向前和向后切换周的功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>日历操作</title>
    <script>
        window.onload = function(){         
            var cells = document.getElementById('monitor').getElementsByTagName('td');
            var clen = cells.length;
            var currentFirstDate;
            var formatDate = function(date){             
                var year = date.getFullYear()+'年';
                var month = (date.getMonth()+1)+'月';
                var day = date.getDate()+'日';
                var week = '('+['星期天','星期一','星期二','星期三','星期四','星期五','星期六'][date.getDay()]+')';  

                return year+month+day+' '+week;
            };
            var addDate= function(date,n){       
                date.setDate(date.getDate()+n);        
                return date;
            };
            var setDate = function(date){             
                var week = date.getDay()-1;
                date = addDate(date,week*-1);
                currentFirstDate = new Date(date);

                for(var i = 0;i<clen;i++){                 
                    cells[i].innerHTML = formatDate(i==0 ? date : addDate(date,1));
                }                
            };             
            document.getElementById('last-week').onclick = function(){
                setDate(addDate(currentFirstDate,-7));         
            };             
            document.getElementById('next-week').onclick = function(){                 
                setDate(addDate(currentFirstDate,7));
            };     
            setDate(new Date());
        }
    </script>
</head>
<body>
    <button id="last-week">上一周</button><button id="next-week">下一周</button>
    <table id="monitor">
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>
</body>
</html>
复制代码
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值