JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】
发布时间 - 2026-01-11 03:27:23 点击率：次本文实例讲述了JS获取日期的方法。分享给大家供大家参考，具体如下：
原理很简单，一天的时间的毫秒数是1000*60*60*24，
前n天的日期就是现在日期换成毫秒-n*1000*60*60*24。
再把这个值换成日期即可（通过setTime方法）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>www. 日期计算</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<select id="num" name="num" style="width:150px" onchange="ff()">
<option value="-1">昨天</option>
<option value="0">今天</option>
<option value="1">明天</option>
</select><br>
<textarea id="ar" rows="3" cols="20">
haha
</textarea>
<br/>
<input type="text" value="" name="bday" id="bday"/>天之前
<input type="button" onclick="bday()" value="计算"><br/>
<input type="text" value="" name="aday" id="aday"/>天之后
<input type="button" onclick="aday()" value="计算"><br/>
</body>
<script>
ff();
function ff(){
var obj=document.getElementById("num");
var v1=obj.options[obj.selectedIndex].text;
var v2=obj.options[obj.selectedIndex].value;
var tvv=giveDateStr(getTargetday(v2));
document.getElementById('ar').innerText=tvv;
}
function isInteger(obj) {
var r = /^\+?[1-9][0-9]*$/; //正整数
return r.test(obj);
}
function bday(){
var bef=document.getElementById("bday").value;
if(isInteger(bef)){
var bvv=giveDateStr(getTargetday(-bef));
document.getElementById('ar').innerText=bvv;
}else{
alert("请输入正整数！");
document.getElementById("bday").value='';
document.getElementById("bday").focus();
}
}
function aday(){
var atf=document.getElementById("aday").value;
if(isInteger(atf)){
var avv=giveDateStr(getTargetday(atf));
document.getElementById('ar').innerText=avv;
}else{
alert("请输入正整数！");
document.getElementById("aday").value='';
document.getElementById("aday").focus();
}
}
function getTargetday(num){
var number=null;
if(num==null||num==0){
number=0;
}else{
number=num;
}
var today=new Date();
var targetday_milliseconds=today.getTime()+1000*60*60*24*number;
var targetday=new Date();
targetday.setTime(targetday_milliseconds); //注意，这行是关键代码
return targetday;
}
function giveDateStr(dd){
var riqiyue=dd.getMonth()+1;
var riqihao=dd.getDate();
var riqixingqi=null;
if(dd.getDay()=='0'){
xingqi="星期日";
}else if(dd.getDay()=='1'){
xingqi='星期一';
}else if(dd.getDay()=='2'){
xingqi='星期二';
}else if(dd.getDay()=='3'){
xingqi='星期三';
}else if(dd.getDay()=='4'){
xingqi='星期四';
}else if(dd.getDay()=='5'){
xingqi='星期五';
}else if(dd.getDay()=='6'){
xingqi='星期六';
}
var riqi=riqiyue+"月"+riqihao+"日"+"("+xingqi+")";
return riqi;
}
</script>
</html>
运行效果如下：
js 日期 获取今天、昨天、明天第一个函数
function getDay(day){
var today = new Date()
// 获取时间戳(毫秒级)
/*
day为1，则是，明天的时间戳
day为-1，则是，昨天的时间戳
day为-2，则是，前天的时间戳
*/
var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day
// Date.setTime(时间戳)：设置当前日期的时间
today.setTime(targetday_milliseconds)
console.log('today=', today) // today= Sun Mar 05 2025 16:14:56 GMT+0800 (中国标准时间)
var tYear = today.getFullYear() // 年
var tMonth = today.getMonth() // 月
var tDate = today.getDate() // 日
tMonth = this.doHandleMonth(tMonth + 1)
tDate = this.doHandleMonth(tDate)
console.log('返回年月日=', tYear + '-' + tMonth + '-' + tDate)
return tYear + '-' + tMonth + '-' + tDate
}
function doHandleMonth(month) {
var m = month
if (month.toString().length == 1) {
m = '0' + month
}
return m
}
js获取今天昨天明天的日期第二个函数
/*
* @params date 日期
* @params type 日期 prev/current/next 昨天/今天/明天
* @params fmt 日期拼接符
*/
function getDays(date, type, fmt) {
let currentDate = new Date(date)
let y = currentDate.getFullYear()
let m = currentDate.getMonth() + 1
let d = currentDate.getDate()
function dateFormat(date, fmt) {
let y = new Date(date).getFullYear()
let m = new Date(date).getMonth() + 1
let d = new Date(date).getDate()
return `${y}${fmt}${m}${fmt}${d}`
}
switch (type) {
case "prev":
if (d - 1 < 1) {
if (m - 1 < 1) {
y = y - 1
m = 12
} else {
m = m - 1
}
d = new Date(y, m, 0).getDate()
} else {
d = d - 1
}
break
case "current":
break
case "next":
if (d + 1 > new Date(y, m, 0).getDate()) {
if (m + 1 > 12) {
y = y + 1
m = 1
d = 1
} else {
m = m + 1
d = 1
}
} else {
d = d + 1
}
break;
default:
break;
}
return dateFormat(new Date(`${y}-${m}-${d}`), fmt)
}
console.log(getDays(new Date('2025-1-1'), "prev", "-"));
PS：这里再为大家推荐几款比较实用的天数计算在线工具供大家使用：
在线日期/天数计算器：
http://tools./jisuanqi/date_jisuanqi
在线日期计算器/相差天数计算器：
http://tools./jisuanqi/datecalc
在线日期天数差计算器：
http://tools./jisuanqi/onlinedatejsq
在线天数计算器：
http://tools./jisuanqi/datejsq
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript时间与日期操作技巧总结》、《JavaScript+HTML5特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
# JS
# 日期
# 昨天
# 今天
# 明天
# 前n天
# 后n天
# js获取日期：昨天今天和明天、后天
# 显示今天的日期js代码(阳历和农历)
# js 获取今天以及过去日期
# js获取今天、昨天、明天的日期函数代码
# js获取当前日期昨天、今天、明天日期的不同方法总结
# 则是
# 请输入
# 正整数
# 天之
# 相关内容
# 第一个
# 感兴趣
# 数据结构
# 第二个
# 给大家
# 很简单
# 更多关于
# 再把
# 所述
# 中国
# 几款
# 程序设计
# 这行
相关栏目：
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐：
今日头条微视频如何找选题 今日头条微视频找选题技巧【指南】
如何在万网开始建站？分步指南解析
Laravel如何实现登录错误次数限制_Laravel自带LoginThrottles限流配置【方法】
如何用景安虚拟主机手机版绑定域名建站？
Laravel怎么上传文件_Laravel图片上传及存储配置
Laravel如何实现密码重置功能_Laravel密码找回与重置流程
购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？
Laravel如何优化应用性能？（缓存和优化命令）
如何快速搭建安全的FTP站点？
JS实现鼠标移上去显示图片或微信二维码
如何在七牛云存储上搭建网站并设置自定义域名？
制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？
Laravel的路由模型绑定怎么用_Laravel Route Model Binding简化控制器逻辑
如何快速搭建二级域名独立网站？
高防服务器如何保障网站安全无虞？
如何快速启动建站代理加盟业务？
如何撰写建站申请书？关键要点有哪些？
uc浏览器二维码扫描入口_uc浏览器扫码功能使用地址
MySQL查询结果复制到新表的方法(更新、插入)
Laravel如何使用Gate和Policy进行授权？（权限控制）
Laravel如何使用软删除（Soft Deletes）功能_Eloquent软删除与数据恢复方法
Laravel怎么写单元测试_PHPUnit在Laravel项目中的基础测试入门
Laravel如何使用集合（Collections）进行数据处理_Laravel Collection常用方法与技巧
Laravel如何部署到服务器_线上部署Laravel项目的完整流程与步骤
高防服务器租用如何选择配置与防御等级？
Laravel Eloquent访问器与修改器是什么_Laravel Accessors & Mutators数据处理技巧
如何彻底卸载建站之星软件？
如何续费美橙建站之星域名及服务？
图册素材网站设计制作软件,图册的导出方式有几种？
bootstrap日历插件datetimepicker使用方法
弹幕视频网站制作教程下载,弹幕视频网站是什么意思？
PythonWeb开发入门教程_Flask快速构建Web应用
如何在IIS中新建站点并解决端口绑定冲突？
如何快速生成专业多端适配建站电话？
Laravel如何使用Service Provider服务提供者_Laravel依赖注入与容器绑定【深度】
Laravel如何实现本地化和多语言支持？（i18n教程）
Laravel如何连接多个数据库_Laravel多数据库连接配置与切换教程
深圳网站制作设计招聘,关于服装设计的流行趋势，哪里的资料比较全面？
韩国服务器如何优化跨境访问实现高效连接？
Android滚轮选择时间控件使用详解
长沙企业网站制作哪家好,长沙水业集团官方网站？
成都网站制作公司哪家好,四川省职工服务网是做什么用？
Midjourney怎么调整光影效果_Midjourney光影调整方法【指南】
iOS发送验证码倒计时应用
Laravel如何配置和使用缓存？（Redis代码示例）
Bootstrap整体框架之CSS12栅格系统
大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？
Laravel怎么配置自定义表前缀_Laravel数据库迁移与Eloquent表名映射【步骤】
Laravel怎么调用外部API_Laravel Http Client客户端使用
怎样使用JSON进行数据交换_它有什么限制