本文汇总了JavaScript中获取当前、昨天及明天日期的多种实现方法。包括通过时间戳偏移计算日期、封装通用函数处理年月日时分秒,以及ISO8601格式转换。内容涵盖基础日期获取、时间格式化技巧及页面动态刷新示例,提供完整代码供参考。
基础日期获取函数
首先介绍一个获取今天、昨天或明天日期的基础函数实现。
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 2023 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
}通用日期处理函数
接着展示另一种获取今天、昨天和明天日期的函数写法。
/*
* @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('2023-5-13'), "prev", "-"));
console.log(getDays(new Date('2023-5-30'), "next", "-"));
console.log(getDays(new Date('2023-5-31'), "next", "-"));时间格式化与具体到时分秒的方法
第一部分是关于时间格式化的处理。
//昨天的时间
var day1 = new Date();
day1.setTime(day1.getTime()-24*60*60*1000);
var s1 = day1.getFullYear()+"-" + (day1.getMonth()+1) + "-" + day1.getDate();
//今天的时间
var day2 = new Date();
day2.setTime(day2.getTime());
var s2 = day2.getFullYear()+"-" + (day2.getMonth()+1) + "-" + day2.getDate();
//明天的时间
var day3 = new Date();
day3.setTime(day3.getTime()+24*60*60*1000);
var s3 = day3.getFullYear()+"-" + (day3.getMonth()+1) + "-" + day3.getDate();
//拼接时间
function show(){
var str = "" + s1 + "至" + s2;
return str;
}
//赋值doubleDate
$('#dateS').val(show());第二部分展示了具体到时分秒的日期获取方法。
function writeCurrentDate() {
var now = new Date();
var year = now.getFullYear(); //得到年份
var month = now.getMonth();//得到月份
var date = now.getDate();//得到日期
var day = now.getDay();//得到周几
var hour = now.getHours();//得到小时
var minu = now.getMinutes();//得到分钟
var sec = now.getSeconds();//得到秒
var MS = now.getMilliseconds();//获取毫秒
var week;
month = month + 1;
if (month < 10) month = "0" + month;
if (date < 10) date = "0" + date;
if (hour < 10) hour = "0" + hour;
if (minu < 10) minu = "0" + minu;
if (sec < 10) sec = "0" + sec;
if (MS < 100)MS = "0" + MS;
var arr_week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
week = arr_week[day];
var time = "";
time = year + "年" + month + "月" + date + "日" + " " + hour + ":" + minu + ":" + sec + " " + week;
//当前日期赋值给当前日期输入框中(jQuery easyUI)
$("#currentDate").html(time);
//设置得到当前日期的函数的执行间隔时间,每1000毫秒刷新一次。
var timer = setTimeout("writeCurrentDate()", 1000);
}日期运算技巧与格式转换
3、2017.6.27更新
今日发现一种更简便的操作方式,可直接对年月日时分秒进行运算。例如,若今天日期为2017-06-01,则计算得到的昨天日期为2017-05-31。
//昨天的时间
var day1 = new Date();
day1.setDate(day1.getDate() - 1);
var s1 = day1.format("yyyy-MM-dd");
//前天的时间
var day2 = new Date();
day2.setDate(day2.getDate() - 2);
var s2 = day2.format("yyyy-MM-dd");在此过程中,format函数作为扩展工具使用。
/**
*对Date的扩展,将 Date 转化为指定格式的String
*月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,
*年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
*例子:
*(new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
*(new Date()).Format("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18
*/
Date.prototype.format = function (fmt) {
var o = {
"M+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"h+": this.getHours(), //小时
"m+": this.getMinutes(), //分
"s+": this.getSeconds(), //秒
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
"S": this.getMilliseconds() //毫秒
};
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
}第四点涉及页面日期的格式转换,例如将“2017-06-27”转换为“20170627”,可通过正则表达式替换实现:“2017-06-27”.replace(/-/g,"")。
ISO8601时间格式获取
补充内容涉及JavaScript获取符合ISO8601规范的时间格式。
var d = new Date();
d.setHours(d.getHours(), d.getMinutes() - d.getTimezoneOffset());
console.log(d.toISOString())最后进行总结。
以上内容为JS获取当前时间(包括昨天、今天、明天)的实例代码介绍,旨在提供实用参考。如有任何疑问,欢迎留言,小编会及时回复。感谢对本站的支持!