首頁 > 開發者 > JavaScript
JavaScript Date 知識淺析，javascriptdate
Date函數
Date 對象會自動把當前日期和時間儲存為其初始值。
從 Date 對象返回一個月中的某一天 (1 ~ 31)。
從 Date 對象返回一周中的某一天 (0 ~ 6)。周日是0。
從 Date 對象返回月份 (0 ~ 11)。
從 Date 對象以四位元字返回年份
返回 Date 對象的小時 (0 ~ 23)。
返回 Date 對象的分鐘 (0 ~ 59)。
返回 Date 對象的秒數 (0 ~ 59)。
返回 Date 對象的毫秒(0 ~ 999)。
返回 1970 年 1 月 1 日至今的毫秒數。
返回格林威治時間(GMT 或 UTC)和本地時間之間的時差，以分鐘為單位。返回之所以以分鐘計，而不是以小時計，原因是某些
國家所佔有的時區甚至不到一個小時的間隔。
根據世界時從 Date 對象返回月中的一天 (1 ~ 31)。
根據世界時從 Date 對象返回周中的一天 (0 ~ 6)。周日是0。
根據世界時從 Date 對象返回月份 (0 ~ 11)。
根據世界時從 Date 對象返回四位元的年份。
根據世界時返回 Date 對象的小時 (0 ~ 23)。
根據世界時返回 Date 對象的分鐘 (0 ~ 59)。
根據世界時返回 Date 對象的秒鐘 (0 ~ 59)。
根據世界時返回 Date 對象的毫秒(0 ~ 999)。
返回1970年1月1日午夜到指定日期（字串）的毫秒數。
設定 Date 對象中月的某一天 (1 ~ 31)。返回調整過的日期的毫秒錶示。
設定 Date 對象中月份 (0 ~ 11)。day參數可選，表示該月的某一天介於 1 ~ 31 之間。
設定 Date 對象中的年份（四位元字）。month參數可選，表示月份介於 0 ~ 11 之間。day參數可選，表示該月的某一天介於 1 ~ 31 之間。
設定 Date 對象中的小時 (0 ~ 23)。minutes參數可選，表示分鐘數介於 0 ~ 59 之間。seconds參數可選，表示分鐘數介於 0
~ 59 之間。milliseconds參數可選，表示分鐘數介於 0 ~ 999 之間。
設定 Date 對象中的分鐘 (0 ~ 59)。seconds參數可選，表示分鐘數介於 0 ~ 59 之間。milliseconds參數可選，表示分鐘數介於 0 ~ 999 之間。
設定 Date 對象中的秒鐘 (0 ~ 59)。milliseconds參數可選，表示分鐘數介於 0 ~ 999 之間。
設定 Date 對象中的毫秒 (0 ~ 999)。
設定的日期和時間據 GMT 時間 1970 年 1 月 1 日午夜之間的毫秒數。以毫秒形式表示日期可以使它獨立於時區。
根據世界時設定 Date 對象中月份的一天 (1 ~ 31)。
根據世界時設定 Date 對象中的月份 (0 ~ 11)。seconds參數可選，表示分鐘數介於 0 ~ 59 之間。milliseconds參數可選，表
示分鐘數介於 0 ~ 999 之間。
根據世界時設定 Date 對象中的年份（四位元字）。month參數可選，表示月份介於 0 ~ 11 之間。day參數可選，表示該月的
某一天介於 1 ~ 31 之間。
根據世界時設定 Date 對象中的小時 (0 ~ 23)。minutes參數可選，表示分鐘數介於 0 ~ 59 之間。seconds參數可選，表示分
鐘數介於 0 ~ 59 之間。milliseconds參數可選，表示分鐘數介於 0 ~ 999 之間。
根據世界時設定 Date 對象中的分鐘 (0 ~ 59)。seconds參數可選，表示分鐘數介於 0 ~ 59 之間。milliseconds參數可選，表
示分鐘數介於 0 ~ 999 之間。
根據世界時設定 Date 對象中的秒鐘 (0 ~ 59)。milliseconds參數可選，表示分鐘數介於 0 ~ 999 之間。
根據世界時設定 Date 對象中的毫秒 (0 ~ 999)。
把 Date 對象轉換為字串。
把 Date 對象的時間部分轉換為字串。
把 Date 對象的日期部分轉換為字串。
根據世界時，把 Date 對象轉換為字串。
根據本地時間格式，把 Date 對象轉換為字串。
根據本地時間格式，把 Date 對象的時間部分轉換為字串。
根據本地時間格式，把 Date 對象的日期部分轉換為字串。
根據世界時返回 1970 年 1 月 1 日 到指定日期的毫秒數。年月日必填，時分秒毫秒都是選填的。
返回 Date 對象的原始值。與 Date.getTime 返回的值相等。即 1970 年 1 月 1 日至今的毫秒數。
<html> <head> <style type="text/css"> body { font-size:14px; } </style> </head> <body> <script type="text/javascript"> function write(name, value) { document.write(name + " = " + value + "<br/>"); } var date = new Date();//Date 對象會自動把當前日期和時間儲存為其初始值。 write("new Date()", date); write("date.getDate()", date.getDate());//從 Date 對象返回一個月中的某一天 (1 ~ 31)。 write("date.getDay()", date.getDay());//從 Date 對象返回一周中的某一天 (0 ~ 6)。周日是0。 write("date.getMonth()", date.getMonth());//從 Date 對象返回月份 (0 ~ 11)。 write("date.getFullYear()", date.getFullYear());//從 Date 對象以四位元字返回年份。 write("date.getHours()", date.getHours());//返回 Date 對象的小時 (0 ~ 23)。 write("date.getMinutes()", date.getMinutes());//返回 Date 對象的分鐘 (0 ~ 59)。 write("date.getSeconds()", date.getSeconds());//返回 Date 對象的秒數 (0 ~ 59)。 write("date.getMilliseconds()", date.getMilliseconds());//返回 Date 對象的毫秒(0 ~ 999)。 write("date.getTime()", date.getTime());//返回 1970 年 1 月 1 日至今的毫秒數。 write("date.getTimezoneOffset()/60", date.getTimezoneOffset()/60);//返回格林威治時間(GMT 或 UTC)和本地時間之間的時差，以分鐘為單位。返回之所以以分鐘計，而不是以小時計，原因是某些國家所佔有的時區甚至不到一個小時的間隔。 write("date.getUTCDate()", date.getUTCDate());//根據世界時從 Date 對象返回月中的一天 (1 ~ 31)。 write("date.getUTCDay()", date.getUTCDay());//根據世界時從 Date 對象返回周中的一天 (0 ~ 6)。周日是0。 write("date.getUTCMonth()", date.getUTCMonth());//根據世界時從 Date 對象返回月份 (0 ~ 11)。 write("date.getUTCFullYear()", date.getUTCFullYear());//根據世界時從 Date 對象返回四位元的年份。 write("date.getUTCHours()", date.getUTCHours());//根據世界時返回 Date 對象的小時 (0 ~ 23)。 write("date.getUTCMinutes()", date.getUTCMinutes());//根據世界時返回 Date 對象的分鐘 (0 ~ 59)。 write("date.getUTCSeconds()", date.getUTCSeconds());//根據世界時返回 Date 對象的秒鐘 (0 ~ 59)。 write("date.getUTCMilliseconds()", date.getUTCMilliseconds());//根據世界時返回 Date 對象的毫秒(0 ~ 999)。 write("Date.parse(string)", Date.parse(date.toString()));//返回1970年1月1日午夜到指定日期（字串）的毫秒數。 write("date.setDate(int)", date.setDate(1));//設定 Date 對象中月的某一天 (1 ~ 31)。返回調整過的日期的毫秒錶示。 write("date.setMonth(int)", date.setMonth(0));//設定 Date 對象中月份 (0 ~ 11)。 write("date.setFullYear(int)", date.setFullYear(2017));//設定 Date 對象中的年份（四位元字）。 write("date.setHours(int)", date.setHours(0));//設定 Date 對象中的小時 (0 ~ 23)。 write("date.setMinutes(int)", date.setMinutes(0));//設定 Date 對象中的分鐘 (0 ~ 59)。 write("date.setSeconds(int)", date.setSeconds(0));//設定 Date 對象中的秒鐘 (0 ~ 59)。 write("date.setMilliseconds(int)", date.setMilliseconds(0));//設定 Date 對象中的毫秒 (0 ~ 999)。 write("date.setTime(long)", date.setTime(Date.UTC(2017,0,1)));//設定的日期和時間據 GMT 時間 1970 年 1 月 1 日午夜之間的毫秒數。以毫秒形式表示日期可以使它獨立於時區。 write("date.setUTCDate(int)", date.setUTCDate(1));//根據世界時設定 Date 對象中月份的一天 (1 ~ 31)。 write("date.setUTCMonth(int)", date.setUTCMonth(0));//根據世界時設定 Date 對象中的月份 (0 ~ 11)。 write("date.setUTCFullYear(int)", date.setUTCFullYear(2017));//根據世界時設定 Date 對象中的年份（四位元字）。 write("date.setUTCHours(int)", date.setUTCHours(0));//根據世界時設定 Date 對象中的小時 (0 ~ 23)。 write("date.setUTCMinutes(int)", date.setUTCMinutes(0));//根據世界時設定 Date 對象中的分鐘 (0 ~ 59)。 write("date.setUTCSeconds(int)", date.setUTCSeconds(0));//根據世界時設定 Date 對象中的秒鐘 (0 ~ 59)。 write("date.setUTCMilliseconds(long)", date.setUTCMilliseconds(0));//根據世界時設定 Date 對象中的毫秒 (0 ~ 999)。 write("date.toString()", date.toString());//把 Date 對象轉換為字串。 write("date.toTimeString()", date.toTimeString());//把 Date 對象的時間部分轉換為字串。 write("date.toDateString()", date.toDateString());//把 Date 對象的日期部分轉換為字串。 write("date.toUTCString()", date.toUTCString());//根據世界時，把 Date 對象轉換為字串。 write("date.toLocaleString()", date.toLocaleString());//根據本地時間格式，把 Date 對象轉換為字串。 write("date.toLocaleTimeString()", date.toLocaleTimeString());//根據本地時間格式，把 Date 對象的時間部分轉換為字串。 write("date.toLocaleDateString()", date.toLocaleDateString());//根據本地時間格式，把 Date 對象的日期部分轉換為字串。 write("Date.UTC(year,month,day[,hour,minute,second,milliseconds])", Date.UTC(2017,0,1,0,0,0));//根據世界時返回 1970 年 1 月 1 日 到指定日期的毫秒數。年月日必填，時分秒毫秒都是選填的。 write("date.valueOf()", date.valueOf());//返回 Date 對象的原始值。與 Date.getTime 返回的值相等。即 1970 年 1 月 1 日至今的毫秒數。 </script> </body></html>
格式化Date
由於JS本身並不提供格式化日期的函數。因此必須藉助prototype屬性來添加自訂的日期格式化方法。
<html> <head> <meta charset="UTF8" /> </head> <body> <script type="text/javascript"> /* 年(y)可以用 1-4 個預留位置 月(M)、日(d)、時(H,24時)、時(h,12時)、分(m)、秒(s)、季度(q) 可以用 1-2 個預留位置 毫秒(S)只能用 1 個預留位置(是 1-3 位元字) AM或PM只能用 1 個預留位置(是 2 位英文) 上午或下午(T)只能用 1 個預留位置(是 2 位中文) 星期(E)可以用 1-3 個預留位置 季度(q)只能用 1 個預留位置(是 1 位元字) */ Date.prototype.format = function(fmt) { var map = { "M+" : this.getMonth() + 1, //月 "d+" : this.getDate(), //日 "H+" : this.getHours(), //24時 /* 上午12時只代表當天上午的12時,下午的12時代表當天下午的12時, 0時代表第二天的開始,即前面一天12時已過0時開始計算新一天的時間, 雖然說時間上跟前面那一天下午12時重合,但日期已經發生更改,所以不能說0時就是12時 */ "h+" : this.getHours()%12 == 0 ? 12 : this.getHours()%12,//12時 "m+" : this.getMinutes(), //分 "s+" : this.getSeconds(), //秒 "S" : this.getMilliseconds(), //毫秒 "t" : this.getHours() < 12 ? "AM" : "PM", "T" : this.getHours() < 12 ? "上午" : "下午", }; var week = { "0" : "日", "1" : "一", "2" : "二", "3" : "三", "4" : "四", "5" : "五", "6" : "六", } var quarter = { "0" : "一", "1" : "二", "2" : "三", "3" : "四", } if(/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length)); } if(/(E+)/.test(fmt)) { var weekPreStr; switch(RegExp.$1.length) { case 1: weekPreStr = ""; break; case 2: weekPreStr = "周"; break; default: weekPreStr = "星期"; break; } fmt = fmt.replace(RegExp.$1, weekPreStr + week[this.getDay()]); } if(/(q)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, quarter[Math.floor(this.getMonth() / 3)]); } for(var key in map) { if(new RegExp("(" + key + ")").test(fmt)) { fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? map[key] : ("00" + map[key]).substr((map[key]+"").length)); } } return fmt; } function write(str) { document.write(str + "<br/>"); } var date = new Date(); write(date.toString()); write(date.toUTCString()); write(date.toLocaleString()); write(""); write(date.format("yy-M-d t h:m:s.S")); write(date.format("yyyy-MM-dd hh:mm:ss.S")); write(date.format("yyyy-MM-dd E HH:mm:ss")); write(date.format("yyyy-MM-dd EE hh:mm:ss")); write(date.format("yyyy-MM-dd EEE hh:mm:ss")); write(date.format("yyyy年MM月dd日 EEE hh:mm:ss 第q季度")); </script> </body></html>
對Date設定超出範圍的參數
即使設定了超出範圍的參數也不會報錯，只會計算“最大合法值”與“超出值”相加得到的date。
<html> <body> <script type="text/javascript"> var date = new Date(); date.setFullYear(2016,12,32, 0, 0, 0); document.write(date); </script> </body></html>
增減Date
<html> <body> <script type="text/javascript"> var date = new Date(); date.setFullYear(2017,0,1, 0, 0, 0); document.write("date = " + date + "<br/>"); date.setDate(date.getDate()+5); document.write("after date + 5, date = " + date + "<br/>"); date.setDate(date.getDate()-10); document.write("after date - 10, date = " + date + "<br/>"); </script> </body></html>
比較Date
<html> <head> <meta charset="UTF8" /> </head> <body> <script type="text/javascript"> var date1 = new Date(); var date2 = new Date(); date1.setTime(Date.UTC(2017,0,1)); date2.setTime(Date.UTC(2016,11,31)); document.write("date1 = " + date1.toLocaleString() + "<br/>"); document.write("date2 = " + date2.toLocaleString() + "<br/>"); document.write("date1 - date2 = " + (date1 - date2) + "毫秒<br/>"); document.write("date1 - date2 = " + (date1 - date2)/1000/60/60 + "小時<br/>"); document.write("date1 > date2 = " + (date1 > date2) + "<br/>"); document.write("date1 < date2 = " + (date1 < date2) + "<br/>"); </script> </body></html>
以上所述是小編給大家介紹的JavaScript Date 知識淺析，希望對大家有所協助，如果大家有任何疑問歡迎給我留言，小編會及時回複大家的！
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
