JavaScript日期對象使用總結
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> <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的日期對象提供了一種簡單的方式來使用日期和時間值，但是還是有一些東西需要記住，比如一周七天和月份的編號方式，以及一些方法的格式。一旦你適應了這種方式，它們就不難記住了。要記住的一件重要事情是，日期或者事件的準確性取決于查看頁面的計算機上的時鐘。