JavaScript日期對象使用總結

時間  2019-11-05
標籤 javascript 日期 對象 使用 總結 欄目 JavaScript 简体版
原文   原文鏈接

javascript Date日期對象的建立javascript

 

建立一個日期對象：html

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

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

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

//後面的hh:mm:ss可選（不選的話就是默認的開始時間），並且前三項的順序能夠隨意，甚至各字段後面能夠加逗號函數

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

      //除了前兩個字段（年、月字段）外，其他的都是可選的（不選的話就默認爲開始的），不過，此處順序最好別隨意變換對象

new Date(ms);blog

//參數表示的是須要建立的時間和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>

<body><script type="text/javascript">

document.write(Date())

</script>

</body>

</html>

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

例：getTime()函數

使用getTime()函數計算自1970年後已通過了多少年

<html>

<body><script type="text/javascript">

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>

<body><script type="text/javascript">

var d = new Date()

d.setFullYear(1992,10,3)

document.write(d)

</script>

</body>

</html>

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

例：函數toUTCString()

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

<html>

<body><script type="text/javascript">

var d = new Date()

document.write (d.toUTCString())

</script>

</body>

</html>

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

例：函數getDay()

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

<html>

<body><script type="text/javascript">

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>

<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 onload="startTime()">

<div id="txt"></div>

</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代碼會顯示當前的時間：

<script language="javascript">
var d = new Date();
document.write(d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds() + 
":" + d.getMilliseconds());
document.write(d.getTime());
</script>

它會顯示下面的輸出：

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）來除，最後獲得天數：

<script type="text/javascript">
var d1 = new Date();
var d2 = new Date(2006, 6, 7);
var day = 1000*60*60*24;
var diff = Math.ceil((d2.getTime()-d1.getTime())/(day));
document.write("Days until vacation: " + diff);
</script>

日期的計算

利用相應的屬性對所須要的值進行加減，日期值的各類屬性能夠增長或者減小。例如，若是你想要把值增長一個月，那麼你就要對月份值加一。列表D裏的例子顯示了前一個腳本里昨天和今天的差值。下面就是輸出的結果：

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

是時候了

使用日期和時間值有其自身的限制，這根據平臺有所不一樣，而Web開發卻沒有差異。JavaScript的日期對象提供了一種簡單的方式來使用日期和時間值，可是仍是有一些東西須要記住，好比一週七天和月份的編號方式，以及一些方法的格式。一旦你適應了這種方式，它們就不難記住了。要記住的一件重要事情是，日期或者事件的準確性取決於查看頁面的計算機上的時鐘。
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程