JavaScript日期對象使用總結

最後更新：2015-07-17 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：

javascript Date日期對象的建立

建立一個日期對象：

var objDate=new Date([arguments list]);

我總結了參數形式主要有以下3種：

new Date("month dd yyyy hh:mm:ss");

//後面的hh:mm:ss可選（不選的話就是預設的開始時間），而且前三項的順序可以隨意，甚至各欄位後面可以加逗號

new Date(yyyy,mth,dd,hh,mm,ss);

//除了前兩個欄位（年、月欄位）外，其餘的都是可選的（不選的話就預設為開始的），不過，此處順序最好別隨意變換

new Date(ms);

//參數表示的是需要建立的時間和GMT時間1970年1月1日之間相差的毫秒數。各種函數的含義如下：

month:用英文表示月份名稱，從January到December

mth:用整數表示月份，從（１月）到１１（１２月）

dd:表示一個月中的第幾天，從1到31

yyyy:四位元表示的年份

hh:小時數，從0（午夜）到23（晚11點）

mm:分鐘數，從0到59的整數

ss:秒數，從0到59的整數

ms:毫秒數，為大於等於0的整數

JavaScript中的日期(Date)

日期對象Date object是用來對日期和時間進行操作的。

—————————————————————————–

定義一個日期對象

使用關鍵詞new來定義一個Date對象，如下面例子中所示，定義一個名為myDate的日期對象：

var myDate=new Date()

注意：日期對象會自動取當前的日期和時間為初始值。

——————————————————————————-

對日期進行操作

使用Date對象的函數可以方便的對日期進行操作。

在下面的例子中我們設定一個日期對象為一個指定的日期值(2010年1月14日）：

var myDate=new Date()

myDate.setFullYear(2010,0,14)

在下面的例子中我們將myDate的值設為5天后：

var myDate=new Date()

myDate.setDate(myDate.getDate()+5)

注意：如果增加5天后進入另外一個月或一年，Date對象會自動處理的。

———————————————————————————

對日期進行比較

使用Date對象可以對日期進行比較。下面的例子將今天的日期與2010年1月14日進行比較：

var myDate=new Date()

myDate.setFullYear(2010,0,14)var today = new Date()

if (myDate>today)

alert("今天還沒到2010年1月14日")

else

alert("今天已經過了2010年1月14日")

——————————————————————————–

例：顯示當前的日期和時間

<html>

document.write(Date())

</script>

</body>

</html>

————————————————————————

例：getTime()函數

使用getTime()Function Compute自1970年後已經過了多少年

<html>

var minutes = 1000*60

var hours = minutes*60

var days = hours*24

var years = days*365

var d = new Date()

var t = d.getTime()

var y = t/years

document.write("It’s been: " + y + " years since 1970/01/01!")

</script>

</body>

</html>

———————————————————————–

例：函數setFullYear()

使用setFullYear()函數來設定一個日期

<html>

var d = new Date()

d.setFullYear(1992,10,3)

document.write(d)

</script>

</body>

</html>

—————————————————————————

例：函數toUTCString()

使用toUTCString()函數將今天的日期轉換為一個字串

<html>

var d = new Date()

document.write (d.toUTCString())

</script>

</body>

</html>

——————————————————————————

例：函數getDay()

使用getDay()函數和一個數組來寫出星期幾

<html>

var d=new Date()

var weekday=new Array(7)

weekday[0]="Sunday"

weekday[1]="Monday"

weekday[2]="Tuesday"

weekday[3]="Wednesday"

weekday[4]="Thursday"

weekday[5]="Friday"

weekday[6]="Saturday"

document.write("Today it is " + weekday[d.getDay()])

</script>

</body>

</html>

——————————————————————————–

例：顯示一個時鐘

<html>

<head>

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>

</html>

(轉自：http://www.prglab.com/blog/js-tutorial/js-string 程式實驗室)

javascript的日期對象Date操作時間日期值

用JavaScript的日期對象操控時間和日期值
軟體開發中一個比較棘手的內容是使用時間和日期值；似乎每種語言或者每種平台都有自己的格式。在Web開發過程中，你可以使用伺服器端的代碼來操控日期，你也可以使用JavaScript的日期（Date）對象來實現同樣的目的。在今天的專欄裡，我們將仔細看看這個對象。

使用日期

在JavaScript裡使用時間和日期值非常簡單。這要從建立日期對象的一個執行個體開始：

var d = new Date();
這會使用當前的日期和時間在變數d裡返回一個日期對象的執行個體。這個日期對象包括多個用於訪問和操控其值的方法和屬性。下面的列表列出了用於訪問日期值的方法：

getDate()：返回月份裡的日期。
getDay()：返回星期幾。每周從星期六開始（0－6）。
getFullYear()：返回四位元的年份。
getMonth()：返回月份。
getYear()：返回兩位元的年份。
getUTCDate()：根據國際標準時間（UTC）返回月份裡的日期。
getUTCMonth()：根據國際標準時間（0－11）返回月份。
getUTCFullYear()：根據國際標準時間返回四位元的年份。
註：維基百科全書（Wikipedia）將國際標準時間定義為一種高精度的原子時間標準，它大約相當於世界時（UT）。

關於JavaScript和日期需要注意的一點是，它使用從1970年1月1日午夜起的毫秒數來儲存日期。這叫做曆元（epoch），任何在這個日期之前的日期和時間都是不被允許的。

正如Listing A裡說明的，使用前面一個列表裡的方法是很簡單明了的。你需要注意的是日期和星期中的天的值是從零開始的，所以需要向它們添加一個值以顯示它們真正的值。你可以很容易就使用一個數組來顯示星期幾。列表B裡是JavaScript代碼。

你沒有被限制只使用當前的日期。日期對象可以用傳遞給它的值初始化，就像下面這樣：

var d = new Date("date value");

利用這種方式，我們可以修改前面的例子來使用特定的日期。列表C代表了一種發現給定值的周日期的簡單方法。代碼會產生下面的結果：

Today is: Wednesday 4/15/1979
UTC is: Wednesday 4/15/1979

事實上，建立日期對象執行個體的方式有四種：

var d = new Date();
var d = new Date(′July 4, 1976′);
var d = new Date(7, 4, 1976);
var d = new Date(7, 4, 1976, 12,00,00);

我們已經講了前兩個（要注意的是可能會用到單引號或者圓括弧）。最後兩個按照下面的格式使用了單獨的整數參數（時間是可選的）：

var d = new Date(month, day, year, hour, minutes, seconds);

填充日期對象的另外一種方式是利用setDate方法。它提供了一種重設日期對象的值或者初始化它的方式，但是這要求有一個真正的JavaScript日期對象：

Var d1 = new Date();
var d2 = new Date("7/4/1976");
d1.setDate(d2.getDate());

填充日期對象的各種屬性的固定方法還有很多，但是在討論它們之前我們先來看看時間吧。

除了日期組件，日期對象也儲存了時間資訊。下面的方法能夠訪問到日期對象的時間資訊：

getHours()：返回時間的小時部分。
getMinutes()：返回時間的分鐘部分。
getSeconds()：返回時間的秒部分。
getMilliseconds()：返回時間的毫秒部分。
getTime()：返回自從1970年1月1日午夜以來的毫秒數。
getTimezoneOffset()：返回本地時間與格裡尼治標準時間（GMT）之間的分鐘差。
getUTCHours()：根據國際標準時間返回時間的小時部分。
getUTCMinutes()：根據國際標準時間返回時間的分鐘部分。
getUTCSeconds()：根據國際標準時間返回時間的秒部分。
getUTCMilliseconds()：根據國際標準時間返回時間的毫秒部分。
如前所述，你可以通過傳遞小時、分鐘和秒來初始化日期對象，但是毫秒屬性要通過setMilliseconds方法來設定。下面這段JavaScript代碼會顯示當前的時間：

它會顯示下面的輸出：

12:36:33:41
1146760593041

秒值有點奇怪，因為它顯示的是自從1970年1月1日午夜到儲存在被參考的日期對象裡的值的毫秒數。在尋找兩個值之間的不同之處時，這十分有用。對於日期值，還有一個setTime方法可以使用：

Var dt1 = new Date();
var dt2 = new Date(1970, 4, 15);
dt1.setTime(dt2.getTime());

設定屬性

就像setTime、setDate和setMilliseconds方法一樣，有一些方法能夠填充日期對象的所有部分。這包括下面這些：

setFullYear
setHours
setMinutes
setMilliseconds
setMonth
setSeconds
setUTCFullYear
setUTCMonth
setUTCHours
setUTCSeconds
setUTCMilliseconds
這些方法讓你能夠很容易就通過傳遞新的值來重新設定日期屬性。能夠使用和顯示日期是很好的，但是有的時候你需要對日期和時間進行計算。

最簡單的計算是兩個數位加減（你可能不同意這個觀點），所以找到兩個JavaScript日期值之間的差別非常簡單。你只用找到這一差別並將其作為一個數字返回就行了。結果是一個以毫秒為單位的日期值，所以你必須進行除法以獲得所需要的值的類型（天、月、分鐘、小時等等）。

下面的JavaScript代碼用來計算到某個日期的天數。它（通過getTime）把兩個日期值相減，再把得到的結果用一天的毫秒數（86400000）來除，最後得到天數：

日期的計算

利用相應的屬性對所需要的值進行加減，日期值的各種屬性可以增加或者減少。例如，如果你想要把值增加一個月，那麼你就要對月份值加一。列表D裡的例子顯示了前一個指令碼裡昨天和今天的差值。下面就是輸出的結果：

Days until vacation: 50
Tomorrow it will be 49 days until vacation.
Yesterday, it was 51 days until vacation.

是時候了

使用日期和時間值有其自身的限制，這根據平台有所不同，而Web開發卻沒有差別。JavaScript的日期對象提供了一種簡單的方式來使用日期和時間值，但是還是有一些東西需要記住，比如一周七天和月份的編號方式，以及一些方法的格式。一旦你適應了這種方式，它們就不難記住了。要記住的一件重要事情是，日期或者事件的準確性取決於查看頁面的電腦上的時鐘。

JavaScript日期對象使用總結

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More