用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></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"></script>

日期的计算

利用相应的属性对所需要的值进行加减,日期值的各种属性能够增加或减少。例如,假如您想要把值增加一个月,那么您就要对月份值加一。列表D里的例子显示了前一个脚本里昨天和今天的差值。下面就是输出的结果:

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

是时候了

使用日期和时间值有其自身的限制,这根据平台有所不同,而Web研发却没有差别。JavaScript的日期对象提供了一种简单的方式来使用日期和时间值,但是还是有一些东西需要记住,比如一周七天和月份的编号方式,连同一些方法的格式。一旦您适应了这种方式,他们就不难记住了。要记住的一件重要事情是,日期或事件的准确性取决于查看页面的电脑上的时钟。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值