JavaScript操作日期：获取与增减

本文主要介绍了JavaScript中处理日期的两种常见操作：获取当前日期以及通过点击按钮实现日期的加减，并提供了具体的代码实例。此外，还提及了如何获取当前周的周一和周日时间范围的方法。 在JavaScript中，日期对象(Date)是处理日期和时间的基础。以下是对给定文件中知识点的详细解释： 1. 获取当前日期（yyyy-mm-dd）： JavaScript中的`Date`对象可以帮助我们获取当前日期和时间。以下代码展示了如何获取并格式化为"yyyy-mm-dd"的日期： ```javascript var myDate = new Date(); // 创建一个新的Date对象，表示当前时间 var year = myDate.getFullYear(); // 获取4位数的年份，如2022 var month = myDate.getMonth() + 1; // 获取当前月份，注意是0-11，所以要加1 var day = myDate.getDate(); // 获取当前日，1-31 var newDay = year + "-" + month + "-" + day; // 将年月日拼接成字符串 ``` 2. 点击实现日期的天数加减： 这部分代码展示了如何通过点击按钮实现日期的加法和减法。`n`变量用于记录点击次数，每次点击按钮会增加或减少一天。当达到月份的最大天数时，月份会自动增加或减少： ```javascript var n = 0; dayChange(0); $("#time-add").click(function() { n++; dayChange(n); }); $("#time-less").click(function() { n--; dayChange(n); }); function dayChange(n) { var now = new Date(); // 当前日期 var tomo = new Date((now / 1000 + 86400 * n) * 1000); // 增加或减少n天后的日期 var month = tomo.getMonth() + 1; // 月份 var strDate = tomo.getDate(); // 日期 var separator1 = "-"; // 两位数格式化 if (month >= 1 && month <= 9) { month = "0" + month; } if (strDate >= 0 && strDate <= 9) { strDate = "0" + strDate; } var currentDate = tomo.getFullYear() + separator1 + month + separator1 + strDate; $(".center-day").html(currentDate); // 更新日期显示 } ``` 在这个示例中，`dayChange`函数通过传入的`n`值计算新的日期，并更新页面上的日期显示。 3. 获取当前周的周一和周日时间范围： 获取当前周的起始和结束日期通常用于数据统计或者日历应用。以下代码展示了如何获取当前周的周一和周日： ```javascript var now = new Date(); // 获取当前日期 week(now); function week(now) { var nowTime = now.getTime(); // 获取当前时间戳 var day = now.getDay(); // 获取当前是周几，0代表周日，1-6分别代表周一到周六 var oneDayLong = 24 * 60 * 60 * 1000; // 定义一天的毫秒数 // 计算本周一的日期 var monday = new Date(nowTime - day * oneDayLong); // 计算本周日的日期 var sunday = new Date(monday.getTime()); sunday.setDate(monday.getDate() + 6); console.log("本周一:", monday.toISOString().slice(0, 10)); // 输出本周一开始日期 console.log("本周日:", sunday.toISOString().slice(0, 10)); // 输出本周日结束日期 } ``` 这个`week`函数首先确定当前是周几，然后计算出本周一和周日的具体日期，并打印出来。 以上就是JavaScript中处理日期的基本操作，这些方法可以广泛应用于网页开发中的各种日期相关的功能，如日历组件、计时器、事件调度等。