站长技术网

首页 > 网站基础 > Javascript/Ajax >

用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():根据协调世界时返回时间的毫秒部分。