JavaScript日期对象使用总结

2024-04-27 14:06:45

字体：大中小

来源：转载

供稿：网友

javaScript日期对象使用总结

JavascriptDate日期对象的创建

创建一个日期对象：

varobjDate=newDate([argumentslist]);

我总结了参数形式主要有以下3种：

newDate("monthddyyyyhh:mm:ss");

//后面的hh:mm:ss可选（不选的话就是默认的开始时间），而且前三项的顺序可以随意，甚至各字段后面可以加逗号

newDate(yyyy,mth,dd,hh,mm,ss);

//除了前两个字段（年、月字段）外，其余的都是可选的（不选的话就默认为开始的），不过，此处顺序最好别随意变换

newDate(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)

日期对象Dateobject是用来对日期和时间进行操作的。

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

定义一个日期对象

使用关键词new来定义一个Date对象，如下面例子中所示，定义一个名为myDate的日期对象：

varmyDate=newDate()

注意：日期对象会自动取当前的日期和时间为初始值。

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

对日期进行操作

使用Date对象的函数可以方便的对日期进行操作。

在下面的例子中我们设置一个日期对象为一个指定的日期值(2010年1月14日）：

varmyDate=newDate()

myDate.setFullYear(2010,0,14)

在下面的例子中我们将myDate的值设为5天后：

varmyDate=newDate()

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

注意：如果增加5天后进入另外一个月或一年，Date对象会自动处理的。

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

对日期进行比较

使用Date对象可以对日期进行比较。下面的例子将今天的日期与2010年1月14日进行比较：

varmyDate=newDate()

myDate.setFullYear(2010,0,14)vartoday=newDate()

if(myDate>today)

alert("今天还没到2010年1月14日")

else

alert("今天已经过了2010年1月14日")

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

例：显示当前的日期和时间

<html>

document.write(Date())

</script>

</body>

</html>

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

例：getTime()函数

使用getTime()函数计算自1970年后已经过了多少年

<html>

varminutes=1000*60

varhours=minutes*60

vardays=hours*24

varyears=days*365

vard=newDate()

vart=d.getTime()

vary=t/years

document.write("It’sbeen:"+y+"yearssince1970/01/01!")

</script>

</body>

</html>

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

例：函数setFullYear()

使用setFullYear()函数来设置一个日期

<html>

vard=newDate()

d.setFullYear(1992,10,3)

document.write(d)

</script>

</body>

</html>

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

例：函数toUTCString()

使用toUTCString()函数将今天的日期转换为一个字符串

<html>

vard=newDate()

document.write(d.toUTCString())

</script>

</body>

</html>

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

例：函数getDay()

使用getDay()函数和一个数组来写出星期几

<html>

vard=newDate()

varweekday=newArray(7)

weekday[0]="Sunday"

weekday[1]="Monday"

weekday[2]="Tuesday"

weekday[3]="Wednesday"

weekday[4]="Thursday"

weekday[5]="Friday"

weekday[6]="Saturday"

document.write("Todayitis"+weekday[d.getDay()])

</script>

</body>

</html>

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

例：显示一个时钟

<html>

<head>

<scripttype="text/javascript">

functionstartTime()

{

vartoday=newDate()

varh=today.getHours()

varm=today.getMinutes()

vars=today.getSeconds()

//addazeroinfrontofnumbers<10

m=checkTime(m)

s=checkTime(s)

document.getElementById('txt').innerHTML=h+":"+m+":"+s

t=setTimeout('startTime()',500)

}functioncheckTime(i)

{

if(i<10)

{i="0"+i}

returni

}

</script>

</head>

<bodyonload="startTime()">

<divid="txt"></div>

</body>

</html>

(转自：http://www.PRglab.com/blog/js-tutorial/js-string程序实验室)

javascript的日期对象Date操作时间日期值

用JavaScript的日期对象操控时间和日期值软件开发中一个比较棘手的内容是使用时间和日期值；似乎每种语言或者每种平台都有自己的格式。在Web开发过程中，你可以使用服务器端的代码来操控日期，你也可以使用JavaScript的日期（Date）对象来实现同样的目的。在今天的专栏里，我们将仔细看看这个对象。

使用日期

在JavaScript里使用时间和日期值非常简单。这要从创建日期对象的一个实例开始：

vard=newDate();这会使用当前的日期和时间在变量d里返回一个日期对象的实例。这个日期对象包括多个用于访问和操控其值的方法和属性。下面的列表列出了用于访问日期值的方法：

getDate()：返回月份里的日期。getDay()：返回星期几。每周从星期六开始（0－6）。getFullYear()：返回四位数的年份。getMonth()：返回月份。getYear()：返回两位数的年份。getUTCDate()：根据协调世界时（UTC）返回月份里的日期。getUTCMonth()：根据协调世界时（0－11）返回月份。getUTCFullYear()：根据协调世界时返回四位数的年份。注：维基百科全书（Wikipedia）将协调世界时定义为一种高精度的原子时间标准，它大约相当于世界时（UT）。

关于JavaScript和日期需要注意的一点是，它使用从1970年1月1日午夜起的毫秒数来保存日期。这叫做历元（epoch），任何在这个日期之前的日期和时间都是不被允许的。

正如ListingA里说明的，使用前面一个列表里的方法是很简单明了的。你需要注意的是日期和星期中的天的值是从零开始的，所以需要向它们添加一个值以显示它们真正的值。你可以很容易就使用一个数组来显示星期几。列表B里是JavaScript代码。

你没有被限制只使用当前的日期。日期对象可以用传递给它的值初始化，就像下面这样：

vard=newDate("datevalue");

利用这种方式，我们可以修改前面的例子来使用特定的日期。列表C代表了一种发现给定值的周日期的简单方法。代码会生成下面的结果：

Todayis:Wednesday4/15/1979UTCis:Wednesday4/15/1979

事实上，创建日期对象实例的方式有四种：

vard=newDate();vard=newDate(′July4,1976′);vard=newDate(7,4,1976);vard=newDate(7,4,1976,12,00,00);

我们已经讲了前两个（要注意的是可能会用到单引号或者圆括号）。最后两个按照下面的格式使用了单独的整数参数（时间是可选的）：

vard=newDate(month,day,year,hour,minutes,seconds);

填充日期对象的另外一种方式是利用setDate方法。它提供了一种重置日期对象的值或者初始化它的方式，但是这要求有一个真正的JavaScript日期对象：

Vard1=newDate();vard2=newDate("7/4/1976");d1.setDate(d2.getDate());

填充日期对象的各种属性的固定方法还有很多，但是在讨论它们之前我们先来看看时间吧。

除了日期组件，日期对象也保存了时间信息。下面的方法能够访问到日期对象的时间信息：

getHours()：返回时间的小时部分。getMinutes()：返回时间的分钟部分。getSeconds()：返回时间的秒部分。getMilliseconds()：返回时间的毫秒部分。getTime()：返回自从1970年1月1日午夜以来的毫秒数。getTimezoneOffset()：返回本地时间与格里尼治标准时间（GMT）之间的分钟差。getUTCHours()：根据协调世界时返回时间的小时部分。getUTCMinutes()：根据协调世界时返回时间的分钟部分。getUTCSeconds()：根据协调世界时返回时间的秒部分。getUTCMilliseconds()：根据协调世界时返回时间的毫秒部分。如前所述，你可以通过传递小时、分钟和秒来初始化日期对象，但是毫秒属性要通过setMilliseconds方法来设置。下面这段JavaScript代码会显示当前的时间：

<scriptlanguage="javascript">vard=newDate();document.write(d.getHours()+":"+d.getMinutes()+":"+d.getSeconds()+":"+d.getMilliseconds());document.write(d.getTime());</script>

它会显示下面的输出：

12:36:33:411146760593041

秒值有点奇怪，因为它显示的是自从1970年1月1日午夜到保存在被参考的日期对象里的值的毫秒数。在寻找两个值之间的不同之处时，这十分有用。对于日期值，还有一个setTime方法可以使用：

Vardt1=newDate();vardt2=newDate(1970,4,15);dt1.setTime(dt2.getTime());

设置属性

就像setTime、setDate和setMilliseconds方法一样，有一些方法能够填充日期对象的所有部分。这包括下面这些：

setFullYearsetHourssetMinutessetMillisecondssetMonthsetSecondssetUTCFullYearsetUTCMonthsetUTCHourssetUTCSecondssetUTCMillisecon

上一篇：html元素拖拽

下一篇：react组件生命周期过程