JavaScript日期对象使用总结

时间  2019-11-05
标签 javascript 日期 对象 使用 总结 栏目 JavaScript 繁體版
原文   原文链接

javascript Date日期对象的建立javascript

 

建立一个日期对象：html

var objDate=new Date([arguments list]);java

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

new Date("month dd yyyy hh:mm:ss");服务器

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

new Date(yyyy,mth,dd,hh,mm,ss);htm

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

new Date(ms);blog

//参数表示的是须要建立的时间和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)

 

日期对象Date object是用来对日期和时间进行操做的。

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

定义一个日期对象

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

var myDate=new Date()

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

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

对日期进行操做

使用Date对象的函数能够方便的对日期进行操做。

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

var myDate=new Date()

myDate.setFullYear(2010,0,14)

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

var myDate=new Date()

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

注意：若是增长5天后进入另一个月或一年，Date对象会自动处理的。

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

对日期进行比较

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

var myDate=new Date()

myDate.setFullYear(2010,0,14)var today = new Date()

if (myDate>today)

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

else

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

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

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

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

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

 

 

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的日期对象提供了一种简单的方式来使用日期和时间值，可是仍是有一些东西须要记住，好比一周七天和月份的编号方式，以及一些方法的格式。一旦你适应了这种方式，它们就不难记住了。要记住的一件重要事情是，日期或者事件的准确性取决于查看页面的计算机上的时钟。
相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程