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:用整数表示月份,从(1月)到11(12月)

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对象的函数可以方便的对日期进行操作。

在下面的例子中我们设置一个日期对象为一个指定的日期值(2016年7月20日):

var myDate=new Date()
myDate.setFullYear(2016,7,20)

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

var myDate=new Date()
myDate.setDate(myDate.getDate()+5)

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

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

对日期进行比较

使用Date对象可以对日期进行比较。 下面的例子将今天的日期与2016年7月20日进行比较:

var myDate=new Date()

myDate.setFullYear(2016,7,20)var today = new Date()

if (myDate>today)

alert("今天还没到2016年7月20日")

else

alert("今天已经过了2016年7月20日")

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

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

<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>

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的日期对象提供了一种简单的方式来使用日期和时间值,但是还是有一些东西需要记住,比如一周七天和月份的编号方式,以及一些方法的格式。一旦你适应了这种方式,它们就不难记住了。要记住的一件重要事情是,日期或者事件的准确性取决于查看页面的计算机上的时钟。

时间: 2024-10-21 18:45:09

javascript的日期对象Date操作时间日期值的相关文章

JavaScript内置对象(字符串,数组,日期的处理)

Date 日期对象 日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒). 定义一个时间对象 : var Udate=new Date(); 注意:使用关键字new,Date()的首字母必须大写. 使 Udate 成为日期对象,并且已有初始值:当前时间(当前电脑系统时间). 如果要自定义初始值,可以用以下方法: var d = new Date(2012, 10, 1); //2012年10月1日 var d = new Date('Oct 1, 2012'); //2012年

js 日期对象Date以及传参

创建一个日期对象,日期对象可传参new Date() 创建日期对象getFullYear() 获取年份 getMonth() 获取月份 返回值是 0(一月) 到 11(十二月) 之间的一个整数 getDate() 获取日期(多少号) getDay() 获取星期数 返回值是 0(周日) 到 6(周六) 之间的一个整数. getHours() 获取小时 返回值是 0 (午夜) 到 23 (晚上 11 点)之间的一个整数 getMinutes() 获取分钟数 返回值是 0 ~ 59 之间的一个整数 g

java script 日期对象Date()

1.获取当前时间 var time = new Date() document.write(time); 注意:如果Date() 有参数的话  返回1970年1月1日到指定毫秒数的时间 当参数为 n,q,w时  n代表年 q 代表月 q代表天   其中实际月份会比参数月份+1 2.Date.now()获取当前时间戳 document.write(Date.now()) 获取当前时间距离1970年1月1日的毫秒数 var a = new Date() document.write(a.getTim

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); //除了前两个字段(年.月字段)外,其余的都是可选的(不选的

JavaScript Date(日期) 对象

日期对象用于处理日期和时间. 如何使用 Date() 方法获得当日的日期. getFullYear()使用 getFullYear() 获取年份. getTime()getTime() 返回从 1970 年 1 月 1 日至今的毫秒数. setFullYear()如何使用 setFullYear() 设置具体的日期. toUTCString()如何使用 toUTCString() 将当日的日期(根据 UTC)转换为字符串. getDay()如何使用 getDay() 和数组来显示星期,而不仅仅是

JS内置对象-String对象、Date日期对象、Array数组对象、Math对象

一.JavaScript中的所有事物都是对象:字符串.数组.数值.函数... 1.每个对象带有属性和方法 JavaScript允许自定义对象 2.自定义对象 a.定义并创建对象实例 b.使用函数来定义对象,然后创建新的对象实例 二.JS内置对象-String 1.string对象 string对象用于处理已有的字符串 字符串可以使用单引号或者双引号 2.indexOf( )  在字符串中查找字符串,如果匹配成功返回首字母所在的位置,否则返回-1 3.match() 匹配成功,返回匹配成功的数组,

JavaScript初探系列之日期对象

时间对象是一个我们经常要用到的对象,无论是做时间输出.时间判断等操作时都与这个对象离不开.它是一个内置对象--而不是其它对象的属性,允许用户执行各种使用日期和时间的过程. 一   Date 日期对象 日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒). 定义一个时间对象 : var Udate=new Date(); 注意:使用关键字new,Date()的首字母必须大写. 使 Udate 成为日期对象,并且已有初始值:当前时间(当前电脑系统时间). 如果要自定义初始值,可以用

Date日期对象

js日期对象的方法 1. 获取日期对象 var mydate=new Date(); mydate: Tue Aug 11 2015 10:25:49 GMT+0800 (中国标准时间) 2.年份------ get/setFullYear() var year=mydate.getFullYear();    year:2015; mydate.setFullYear(81);               year:0081 3.月份-------get/setMonth() var mont

javaScript中for、with、日期的用法

最近初学javaScript,记录下学习心得吧,javaScript是一种灵活性很高的语言,今天先记录下它的初级应用. with语句:有时候我们需要多次使用dom对象的函数,每次都要声明,例如document.write(),我们就可以用with,免去多次调用的麻烦. example: with(document){ write("Hello"); write("World"); write("<hr>"); } for语句:表示遍历