當(dāng)前位置：首頁(yè) > 前端技术 > javascript >内容正文

javascript

javascript日期时间操作总结

發(fā)布時(shí)間：2025/4/14 javascript 15 豆豆

生活随笔收集整理的這篇文章主要介紹了 javascript日期时间操作总结小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

js獲得當(dāng)前系統(tǒng)日期時(shí)間

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >?
<html xmlns = "http://www.w3.org/1999/xhtml" >?
<head >?
<meta http - equiv = "Content-Type"content = "text/html; charset=utf-8" / >
<title > js時(shí)間顯示 < /title>?
<script>?
var curr_time = new Date();?
var strDate = curr_time.getYear()+"年";?
strDate += curr_time.getMonth()+1+"月";?
strDate += curr_time.getDate()+"日";?
strDate += curr_time.getHours()+":";?
strDate += curr_time.getMinutes()+":";?
strDate += curr_time.getSeconds();?
document.write(strDate); ??

var curr_time = new Date();?
with(curr_time)?
{?
//定義變量，并為其賦值為當(dāng)前年份，后加中文“年”字標(biāo)識(shí)
var strDate = getYear() + 1900 + "年";?
//取當(dāng)前月份。注意月份從0開(kāi)始，所以需加1，后加中文“月”字標(biāo)識(shí)?
strDate +=getMonth()+1+"月";?
strDate +=getDate()+"日"; //取當(dāng)前日期，后加中文“日”字標(biāo)識(shí)?
strDate +=getHours()+":"; //取當(dāng)前小時(shí)?
strDate +=getMinutes()+":"; //取當(dāng)前分鐘?
strDate +=getSeconds(); //取當(dāng)前秒數(shù)?
alert(strDate); //結(jié)果輸出?
}?
</script>?
</head>?
<body>?
</body>?
</html>?

========

js獲取當(dāng)前日期時(shí)間

var myDate = new Date();?
myDate.getYear(); ? ?//獲取當(dāng)前年份(2位)?
myDate.getFullYear(); ?//獲取完整的年份(4位,1970-????)?
myDate.getMonth(); ? ?//獲取當(dāng)前月份(0-11,0代表1月)?
myDate.getDate(); ? ?//獲取當(dāng)前日(1-31)?
myDate.getDay(); ? ? //獲取當(dāng)前星期X(0-6,0代表星期天)?
myDate.getTime(); ? ?//獲取當(dāng)前時(shí)間(從1970.1.1開(kāi)始的毫秒數(shù))?
myDate.getHours(); ? ?//獲取當(dāng)前小時(shí)數(shù)(0-23)?
myDate.getMinutes(); ? //獲取當(dāng)前分鐘數(shù)(0-59)?
myDate.getSeconds(); ? //獲取當(dāng)前秒數(shù)(0-59)?
myDate.getMilliseconds(); ?//獲取當(dāng)前毫秒數(shù)(0-999)?
myDate.toLocaleDateString(); ? //獲取當(dāng)前日期?
var mytime=myDate.toLocaleTimeString(); ? //獲取當(dāng)前時(shí)間?
myDate.toLocaleString( ); ? ?//獲取日期與時(shí)間?

========

在網(wǎng)頁(yè)上顯示一個(gè)鐘表

<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)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10)?
? {i="0" + i}
? return i
}
</script>
</head>

<body οnlοad="startTime()">
<div id="txt"></div>
</body>
</html>

========

得到今天的日期?

d = new Date();?
alert(d.getFullYear()+"年"+(d.getMonth()+1)+"月"+d.getDate()+"日");?

========

得到間隔天數(shù)?

alert("間隔天數(shù)為:"+(new Date('2005/8/15')-new Date('2003/9/18'))/1000/60/60/24+"天")?

========

得到間隔時(shí)間?

var d1=new Date("2004/09/16 20:08:00");?
var d2=new Date("2004/09/16 10:18:03");?
var d3=d1-d2;?
var h=Math.floor(d3/3600000);?
var m=Math.floor((d3-h*3600000)/60000);?
var s=(d3-h*3600000-m*60000)/1000;?
alert("相差"+h+"小時(shí)"+m+"分"+s+"秒");?

========

JavaScript 取一個(gè)月的最后一天

document.write(new Date(2009, 4, 1)); //2009年5月的第1天（1月的值是0），2009年5月1日?
document.write(new Date(2009, 5, 0)); //2009年6月的第0天，也就是2009年5月的最后一天?

========

JavaScript 獲取當(dāng)前時(shí)間戳的代碼

第一種方法：?
var timestamp = Date.parse(new Date());?
結(jié)果：1280977330000?

第二種方法：?
var timestamp = (new Date()).valueOf();?
結(jié)果：1280977330748?

以上代碼將獲取從 1970年1月1日午夜開(kāi)始的毫秒數(shù)。二者的區(qū)別是，第一種方法的毫秒位上為全零，即只是精確到秒的毫秒數(shù)?

返回unix時(shí)間戳所對(duì)應(yīng)的具體時(shí)間：?
var time = '1278927966';?
// 關(guān)鍵在乘1000，因?yàn)闀r(shí)間是相對(duì)于1970年開(kāi)始的，所以乘1000后將會(huì)轉(zhuǎn)到當(dāng)前時(shí)間。?
var real_time = new Date(time) * 1000;?
document.write(real_time);?

javascript 中使用 new Date().getTime() 方法
IE8 以上版本可以使用直接使用Date.now()方法

//IE8以下版本
if (!Date.now) {
? ? Date.now = function() { return new Date().getTime(); };
}

jQuery 獲取時(shí)間戳 $.now()
var timestamp = $.now();

JavaScript 獲取當(dāng)前時(shí)間戳：

第三種方法：
var timestamp=new Date().getTime()；
結(jié)果：1280977330748

第一種：獲取的時(shí)間戳是把毫秒改成000顯示，
第二種和第三種是獲取了當(dāng)前毫秒的時(shí)間戳。

========

比較日期

var myDate=new Date();
myDate.setFullYear(2008,8,9);

var today = new Date();

if (myDate>today)
{
alert("Today is before 9th August 2008");
}
else
{
alert("Today is after 9th August 2008");
}

========

操作日期

為日期對(duì)象設(shè)置了一個(gè)特定的日期 (2008 年 8 月 9 日)：
var myDate=new Date()
myDate.setFullYear(2008,7,9)
注意：表示月份的參數(shù)介于 0 到 11 之間。也就是說(shuō)，如果希望把月設(shè)置為 8 月，則參數(shù)應(yīng)該是 7。

將日期對(duì)象設(shè)置為 5 天后的日期：
var myDate=new Date()
myDate.setDate(myDate.getDate()+5)
注意：如果增加天數(shù)會(huì)改變?cè)路莼蛘吣攴?#xff0c;那么日期對(duì)象會(huì)自動(dòng)完成這種轉(zhuǎn)換。

========

js 格式化時(shí)間日期函數(shù)小結(jié)

Date.prototype.format = function(format){?
var o = {?
"M+" : this.getMonth()+1, //month?
"d+" : this.getDate(), //day?
"h+" : this.getHours(), //hour?
"m+" : this.getMinutes(), //minute?
"s+" : this.getSeconds(), //second?
"q+" : Math.floor((this.getMonth()+3)/3), //quarter?
"S" : this.getMilliseconds() //millisecond?
}?

if(/(y+)/.test(format)) {?
format = format.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));?
}?

for(var k in o) {?
if(new RegExp("("+ k +")").test(format)) {?
format = format.replace(RegExp.$1, RegExp.$1.length==1 ? o[k] : ("00"+ o[k]).substr((""+ o[k]).length));?
}?
}?
return format;?
}?

//使用方法?
var now = new Date();?
var nowStr = now.format("yyyy-MM-dd hh:mm:ss");?
//使用方法2:?
var testDate = new Date();?
var testStr = testDate.format("YYYY年MM月dd日hh小時(shí)mm分ss秒");?
alert(testStr);?
//示例：?
alert(new Date().Format("yyyy年MM月dd日"));?
alert(new Date().Format("MM/dd/yyyy"));?
alert(new Date().Format("yyyyMMdd"));?
alert(new Date().Format("yyyy-MM-dd hh:mm:ss"));

========

js格式化當(dāng)前時(shí)間為yyyy-mm-dd形式?

復(fù)制代碼代碼如下:
function getNowFormatDate()?
{?
var day = new Date();?
var Year = 0;?
var Month = 0;?
var Day = 0;?
var CurrentDate = "";?
//初始化時(shí)間?
//Year= day.getYear();//有火狐下2008年顯示108的bug?
Year= day.getFullYear();//ie火狐下都可以?
Month= day.getMonth()+1;?
Day = day.getDate();?
//Hour = day.getHours();?
// Minute = day.getMinutes();?
// Second = day.getSeconds();?
CurrentDate += Year + "-";?
if (Month >= 10 )?
{?
CurrentDate += Month + "-";?
}?
else?
{?
CurrentDate += "0" + Month + "-";?
}?
if (Day >= 10 )?
{?
CurrentDate += Day ;?
}?
else?
{?
CurrentDate += "0" + Day ;?
}?
return CurrentDate;?
}?

========

javascript 格式化時(shí)間日期函數(shù)代碼修正版

js時(shí)間日期格式化封裝函數(shù)

..　　js雖然提供了各種獲取時(shí)間Date對(duì)象的不同屬性方法，如：getDate 方法，getDay 方法，getFullYear 方法，getHours 方法 ... ... 等等，但是卻沒(méi)有像java那樣提供一個(gè)方法來(lái)供用戶來(lái)根據(jù)自身提供的模板（pattern），來(lái)格式化指定時(shí)間對(duì)象，

　arguments：該對(duì)象代表正在執(zhí)行的函數(shù)和調(diào)用它的函數(shù)的參數(shù)。不可顯式創(chuàng)建，雖然有l(wèi)ength屬性，且能像數(shù)組一樣以“[]”語(yǔ)法方式取值，但它并不是一個(gè)數(shù)組。　typeof object ：運(yùn)算符，返回一個(gè)用來(lái)表示表達(dá)式的數(shù)據(jù)類型的字符串。六種可能： "number,"?

"string," "boolean," "object," "function," 和 "undefined."。 object.constructor：表示創(chuàng)建對(duì)象的函數(shù)。object必須是對(duì)象或函數(shù)的名稱。基礎(chǔ)數(shù)據(jù)沒(méi)有該屬性。 exec 方法：用正則表達(dá)式模式在字符串中運(yùn)行查找，并返回包含該查找結(jié)果的一個(gè)數(shù)組。沒(méi)有找

到匹配，則它返回 null。數(shù)組中同類型匹配元素不會(huì)重復(fù)出現(xiàn)。 str.split(Rex|str)：以一個(gè)正則對(duì)象或子字符串，將一個(gè)字符串分割為子字符串，然后將結(jié)果作為字符串?dāng)?shù)組返回。 throw Error('msg')：拋出一個(gè)帶有Message信息的Error。throw 后面可跟任何表達(dá)

式。還有一些for..in用法，三目運(yùn)算符，substr，

/**
?* ***js時(shí)間日期格式化*** <br>
?* <p>
?* 模版字符串采用嚴(yán)謹(jǐn)格式，超出則會(huì)拋出異常，且每類格式只可出現(xiàn)一次，如:yyyy-mm-yyyy 格式會(huì)拋異常
?* </p>
?* y-年 ? ?length: 2/4位 <br>
?* q-季度 ? ?length: 1位 <br>
?* M-月 ? ?length: 1~2位 <br>
?* d-日 ? ?length: 1~2位 <br>
?* H-時(shí) ? ?length: 1~2位24小時(shí)制，h：12小時(shí)制 <br>
?* m-分 ? ?length: 1~2位 <br>
?* s-秒 ? ?length: 1~2位 <br>
?* S-毫秒 length: 固定1位
?* @param {Date類型對(duì)象} date
?* @param {String類型模板字符串} fmt
?* @return 格式化后時(shí)間日期字符串
?* @author lyt
?*/
function DateFormat(date, fmt){
? ? if (arguments.length != 2) // 參數(shù)個(gè)數(shù)校驗(yàn)
? ? ? ? throw Error('arguments長(zhǎng)度不合法');
? ? if (!date || (typeof date != 'object') || (d.constructor != Date)) // 參數(shù)合法性校驗(yàn)
? ? ? ? throw Error(arguments[0] + ':類型不為Date類型');
? ? if (/H+/.test(fmt) && /h+/.test(fmt))
? ? ? ? throw Error("小時(shí)格式錯(cuò)誤，同類型只能連續(xù)出現(xiàn)一次！");
? ? /* 模板參數(shù)校驗(yàn)，正則驗(yàn)證方法 */
? ? var verify = function(Rex ){
? ? ? ? var arr = new RegExp(Rex).exec(fmt); // 獲得匹配結(jié)果數(shù)組
? ? ? ? if (!arr) // 匹配失敗返回
? ? ? ? ? ? return "";
? ? ? ? if (fmt.split(Rex).length > 2) ?// 同一類型間隔出現(xiàn)多次
? ? ? ? ? ? throw Error("fmt格式錯(cuò)誤：同類型只能連續(xù)出現(xiàn)一次！");
? ? ? ? return arr[0];
? ? };
? ? /**
? ? ?* 提供月、天、時(shí)、分、秒通用匹配替換
? ? ?* @param {對(duì)象o屬性key} r
? ? ?* @param {r對(duì)應(yīng)正則對(duì)象} rex
? ? ?**/
? ? var common = function(r, rex) {
? ? ? ? if(len !=1 && len !=2)
? ? ? ? ? ? throw Error("月份格式錯(cuò)誤:M只能出現(xiàn)1/2次");
? ? ? ? len == 2 ? fmt=fmt.replace(rex, o[r].length==1 ? "0"+o[r] : o[r]) : fmt=fmt.replace(rex, o[r]);
? ? }
? ? var o = { // 數(shù)據(jù)存儲(chǔ)對(duì)象
? ? ? ? "y+": date.getFullYear() + "", // 年
? ? ? ? "q+": Math.floor((date.getMonth() + 3) / 3), // 季度
? ? ? ? "M+": date.getMonth() + 1 + "", // 月
? ? ? ? "d+": date.getDate() + "", // 日
? ? ? ? "H+": date.getHours() + "", // 24時(shí)
? ? ? ? "h+": date.getHours() + "", // 12時(shí)
? ? ? ? "m+": date.getMinutes() + "", // 分
? ? ? ? "s+": date.getSeconds() + "", // 秒
? ? ? ? "S+": date.getMilliseconds() // 毫秒
? ? }
? ? for(var r in o) {
? ? ? ? var rex, len, temp;
? ? ? ? rex = new RegExp(r);
? ? ? ? temp = verify(rex); // 匹配所得字符串
? ? ? ? len = temp.length; // 長(zhǎng)度
? ? ? ? if(!len || len == 0)?
? ? ? ? ? ? continue;
? ? ? ? if(r == "y+") {?
? ? ? ? ? ? if(len !=2 && len != 4)
? ? ? ? ? ? ? ? throw Error("年份格式錯(cuò)誤:y只能出現(xiàn)2/4次");
? ? ? ? ? ? len == 2 ? fmt=fmt.replace(rex, o[r].substr(2,3)) : fmt=fmt.replace(rex, o[r]);
? ? ? ? } else if(r == "q+") {
? ? ? ? ? ? if(len != 1)
? ? ? ? ? ? ? ? throw Error("季度格式錯(cuò)誤:q只能出現(xiàn)1次");
? ? ? ? ? ? fmt=fmt.replace(rex, o[r]);
? ? ? ? } else if(r == "h+") {
? ? ? ? ? ? if(len !=1 && len !=2)
? ? ? ? ? ? ? ? throw Error("小時(shí)格式錯(cuò)誤:h只能出現(xiàn)1/2次");
? ? ? ? ? ? var h = (o[r] > 12 ? o[r]-12 : o[r]) + "";
? ? ? ? ? ? len == 2 ? fmt=fmt.replace(rex, h.length==1 ? "0"+h : h) : fmt=fmt.replace(rex, h);
? ? ? ? } ?else if(r == "S+") {
? ? ? ? ? ? if(len != 1)?
? ? ? ? ? ? ? ? throw Error("毫秒數(shù)格式錯(cuò)誤:S只能出現(xiàn)1次");
? ? ? ? ? ? fmt=fmt.replace(rex, o[r]);
? ? ? ? }else { ? ?// (r=="M+" || r=="d+" || r=="H+" || r=="m+" || r=="s+")
? ? ? ? ? ? common(r, rex)
? ? ? ? } ?
? ? }
? ? return fmt;
}

幾個(gè)演示
console.log(DateFormat(new Date(),'yyyy年第q季度M月dd日HH時(shí)m分s秒S毫秒'));
console.log(DateFormat(new Date(),'yyyy年yy第q季度M月dd日HH時(shí)m分s秒S毫秒'));
console.log(DateFormat(new Date(),'yyyy年第q季度M月dd日Hh時(shí)m分s秒S毫秒'));
console.log(DateFormat("我不是時(shí)間對(duì)象",'yyyy年第q季度M月dd日Hh時(shí)m分s秒S毫秒'));
console.log(DateFormat(new Date(),'yyyy年第q季度MMM月dd日HH時(shí)m分s秒S毫秒'));

========

JS 倒計(jì)時(shí)實(shí)現(xiàn)代碼(時(shí)、分，秒)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">?
<html xmlns="http://www.w3.org/1999/xhtml">?
<head>?
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />?
<title>JS實(shí)現(xiàn)倒計(jì)時(shí)(時(shí)、分，秒)</title>?
<script language="javascript" type="text/javascript">?
var interval = 1000;?
function ShowCountDown(year,month,day,divname)?
{?
var now = new Date();?
var endDate = new Date(year, month-1, day);?
var leftTime=endDate.getTime()-now.getTime();?
var leftsecond = parseInt(leftTime/1000);?
//var day1=parseInt(leftsecond/(24*60*60*6));?
var day1=Math.floor(leftsecond/(60*60*24));?
var hour=Math.floor((leftsecond-day1*24*60*60)/3600);?
var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);?
var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);?
var cc = document.getElementById(divname);?
cc.innerHTML = "腳本之家提示距離"+year+"年"+month+"月"+day+"日還有："+day1+"天"+hour+"小時(shí)"+minute+"分"+second+"秒";?
}?
window.setInterval(function(){ShowCountDown(2010,4,20,'divdown1');}, interval);?
</script>?
</head>?
<body>?
<div id="divdown1"></div>?
</body>?
</html>?

========

總結(jié)

以上是生活随笔為你收集整理的javascript日期时间操作总结的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇： .Net Telerik Web UI
下一篇：中医香口方