Javascript中Date对象的使用

原创

cjKing 2021-08-07 14:34:09 ©著作权

文章标签 javascript html 字符串数据类型日期格式 文章分类 JavaScript 前端开发

©著作权归作者所有：来自51CTO博客作者cjKing的原创作品，请联系作者获取转载授权，否则将追究法律责任

JavaScript 没有一个基本的日期数据类型，所以我们只能显式地创建Date对象。我们创建新的Date对象和创建String对象的方式是一样的，使用关键字new和Date构造函数。下面这行创建了一个包含当前日期和实践的Date对象：

var todaysDate = new Date();

为了创建一个存储一个特定日期或时间的Date对象，我们可以简单地把日期或日期与时间放到括号的内面：

var newMillennium = new Date( "1 Jan 2000 10:24:00" );

不同的国家使用不同的顺序来描述日期。举个例子，美国指定的日期格式是MM/DD/YY, 而欧洲的日期格式是DD/MM/YY, 在中国它们的格式是YY/MM/DD。如果你使用简写的名字指定月份，那么你可以以任意的顺序使用：

var someDate = new Date( "10 Jan 2002" );

var someDate = new Date( "Jan 10 2002" );

var someDate = new Date( "2002 10 Jan" );

实际上，Date对象可以拥有许多参数：

var someDate = new Date( aYear, aMonth, aDate,➥

anHour, aMinute, aSecond, aMillisecond )

要使用这些参数，你首先需要指定年份和月份，然后使用你需要的参数，可是你不得不按顺序逐个使用且不能在它们之间选择。举例来说，你可以指定年份，月份，日期和小时：

var someDate = new Date( 2003, 9, 22, 17 );

可是你不能指定年份，月份，然后指定小时：

var someDate = new Date( 2003, 9, , 17 );

■注解： 尽管我们通常认为九月（September）是第9个月份，但是JavaScript从0（一月）开始计算月份，因此月份8表示九月。

2.1.1.1.1. 使用Date对象

Date对象拥有许多的方法，你可以用来获取或设置一个日期或时间。你可以使用本地时间 (你的电脑所在时区的时间) 或者UTC (全球标准时间,也叫格林威治标准时间)。虽然这个可能非常有用，你要意识到当你处理Date的时候，许多人们并没有正确的设置他们的时区。让我们看一个例子，它展示了其中的一些方法：

<html>

<body>

// Create a new date object

var someDate = new Date( "31 Jan 2003 11:59" );

// Retrieve the first four values using the

// appropriate get methods

document.write( "Minutes = " + someDate.getMinutes() + "<br>" );

document.write( "Year = " + someDate.getFullYear() + "<br>" );

document.write( "Month = " + someDate.getMonth() + "<br>" );

document.write( "Date = " + someDate.getDate() + "<br>" );

// Set the minutes to 34

someDate.setMinutes( 34 );

document.write( "Minutes = " + someDate.getMinutes() + "<br>" );

// Reset the date

someDate.setDate( 32 );

document.write( "Date = " + someDate.getDate() + "<br>" );

document.write( "Month = " + someDate.getMonth() + "<br>" );

</script>

</body>

</html>

下面是你会得到的结果:

Minutes = 59

Year = 2003

Month = 0

Date = 31

Minutes = 34

Date = 1

Month = 1

代码的这一行第一眼看起来可能有点违反常规：

someDate.setDate( 32 );

JavaScript 知道在一月份中没有32天，因此解释器没有试着把日期设置为1月32日，而是从1月1日起数了32天，所以给我们返回了2月1日。

这是个非常方便的特性，如果你需要在一个日期上增加一些天数。通常如果我们想在一个日期上增加许多天，我们不得不考虑在不同的月份中的天数，还有是否是一个闰年，但是如果我们使用JavaScript的日期来处理则非常的容易：

<html>

<body>

// Ask the user to enter a date string

var originalDate = prompt("Enter a date (Day, Name of➥

the Month, Year) ", "31 Dec 2003" );

// Overwrite the originalDate variable with a new Date

// object

var originalDate = new Date( originalDate );

// Ask the user to enter the number of days to be

// added, and convert to number

var addDays = Number( prompt( "Enter number of days➥

to be added", "1" ) )

// Set a new value for originalDate of originalDate

// plus the days to be added

originalDate.setDate( originalDate.getDate( ) + addDays )

// Write out the date held by the originalDate

// object using the toString( ) method

document.write( originalDate.toString( ) )

</script>

</body>

</html>

如果你在提示的时候输入31 Dec 2003(2003年12月31日)，还有1作为需要增加的天数，然后你会得到的结果是Thu Jan 1 00:00:00 UTC+0800 2004(星期四,2004年1月1日，零点零分零秒)。

n 注解: 注意到在这个脚本的第三行中，我们使用了Math对象的Number()方法。如果我们不使用的话程序也能正常运行，但是结果会是不一样的。如果你不希望使用这个方法来转换不同的数据类型，那么有一个小技巧：一个使用parseInt()， parseFloat()，或者Number()函数可以转换成数字的字符串，如果你用它减去0，那么你就会把它转换成一个数字，如果你给一个数字上加一个空字符串，‘’，那么你就会把它转换成一个字符串，这个功能通常需要使用toString()来处理。

在代码的第四行中，我们设置日期为originalDate.getDate()返回的值加上需要增加的天数计算出的结果，最后一行使用toString（）方法以字符串的形式输出originalDate这个日期对象所包含的日期。如果你正在使用IE5.5以上版本或者以Gecko为基础的浏览器（Mozilla、 Netscape 6以上版本），单独使用日期的toDateString()函数会产生一个格式化好的字符串。你可以使用同样的方法获取和设置日期。如果你正在使用UTC时间，所有你需要作的就是把UTC加到这个方法名上。因此getHours()变为getUTCHours()， setMonth()变为setUTCMonth()，以此类推。你也可以使用getTimezoneOffset()方法返回电脑的本地时间和UTC时间的小时差。（你不得不依赖用户已正确设置了它们的时区，并意识到不同国家之间的夏时制差别。）