JS 的Date对象

简介: 原文 http://www.cnblogs.com/towerking/p/3220410.html 一、获取Date对象       在JS中我们可以通过下面一段代码获取本地时间 var currentDate = new Date(); alert("currentDate:" + ...

原文 http://www.cnblogs.com/towerking/p/3220410.html

一、获取Date对象

      在JS中我们可以通过下面一段代码获取本地时间

var currentDate = new Date();
alert("currentDate:" + currentDate);

      这样我们可以获取到当前时间,其输出信息如下:Sat Jul 27 2013 22:04:17 GMT+0800 (中国标准时间);

如果不想已这种形式出现,可以转化为本地时间,使用方法toLocaleString即可,其输出信息是:2013年7月27日 下午10:07:06。

这些都是很简单的方式,相关的一些操作在网络中也可以找的到,参考这个网站http://www.w3school.com.cn/js/jsref_obj_date.asp,可以获取更多的信息。

在这里我想说说我之前遇到的一些问题和现象。

JS中我们有两种方式可以创建Date对象,一个是通过数字参数new Date(yyyy,MM,dd),一个是通过字符串参数new Date('yyyy/MM/dd');其中yyyy代表的是年份,MM是月份,dd代表的是天。

      例如我们想创建2013/7/27这个日期对象,很容易想到的是我们会使用下面的两种方式中的一种去创建对象

// 第一种方式
var date1 = new Date(2013, 7, 27);
// 第二种方式
var date2 = new Date('2013/7/27');

      问题是这两者输出来的日期信息是不同的,其中一个是准确的,还有一个就是不准确的了,如下我们可以看到结果

复制代码
var date1 = new Date(2013, 7, 27);
document.write(date1);     // 输出结果:Tue Aug 27 2013 00:00:00 GMT+0800 (中国标准时间)
document.write("<br />");
document.write(date1.toLocaleString());   // 输出结果:2013年8月27日 上午12:00:00
document.write("<br />");

var date2 = new Date('2013/7/27');
document.write(date2); // 输出结果:Sat Jul 27 2013 00:00:00 GMT+0800 (中国标准时间)
document.write("<br />"); 
document.write(date2.toLocaleString()); // 输出结果: 2013年7月27日 上午12:00:00
复制代码

      从上面的输出方式可以观察出,第一种方式创建的日期不对,比实际多一个月;而第二种方式是正确的。

二、获取当前时间的年月日

     上面我们已经说过,我们可以直接通过new Date()获取当前日期,那我们来看看getDate(),getMonth(),getFullYear()几个函数获取到的值

复制代码
var currentDate = new Date();
document.write("Year:" + currentDate.getFullYear() + "<br />");
document.write("Month:" + currentDate.getMonth() + "<br />");
document.write("Day:" + currentDate.getDate() + "<br />");

/*
*下面是输出结果:
*Year:2013
*Month:6
*Day:27
*/
复制代码

      发现获取的月份也是不对的,比实际的月份少了一个月,所以我就在想那么2013/1/1输出的时间可能是2012/12/1,于是我将本地的时间修改成了2013/1/1,运行程序

      发现输出的结果是:

Year:2013
Month:0
Day:1

      PS:开始我还没有理解为什么这样,通过实验可以发现一个问题,即JS中对于月份的控制很有可能就是从0开始的,然后逐渐递增,那么0表示1月,11则表示12月,这样上面的一下现象就可以解释的清楚了。

三、将日期格式2013-7-27转化为2013/7/27

      在项目开发过程中,我们的日期控件格式很有可能是yyyy-MM-dd,而转化为JS的日期,这种格式是不支持的,而只支持yyyy/MM/dd的格式,这个时候我们就需要将格式进行一下转换,用下面两行代码,能够轻松搞定

var sendDate = "2013-7-27"; // 这个是从前台控件获取的值
var jsSendDate = new Date(Date.parse(sendDate.replace(/-/g, "/")));

      以上几点是我在做项目的时候遇到的,起初还不是很明白为什么或出现上面几种情况,通过写这篇博文,我更加懂得了new Date(y,M,d)为什么会比实际大一个月的原因,虽然简单了点,但是我依然希望能够得到大家的支持与鼓励。

 

目录
相关文章
|
15天前
|
JavaScript
JS 获取对象数据类型的键值对的键与值
JS 获取对象数据类型的键值对的键与值
|
25天前
|
JavaScript 前端开发
Math对象:JavaScript中的数学工具
Math对象:JavaScript中的数学工具
27 1
N..
|
1月前
|
存储 JavaScript 前端开发
JavaScript中的对象
JavaScript中的对象
N..
10 0
|
1月前
|
JavaScript 前端开发
JavaScript对象系列(菜菜出品,必看!!!)
JavaScript对象系列(菜菜出品,必看!!!)
|
18天前
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
|
1月前
|
存储 JavaScript 前端开发
在JavaScript中,对象和数组是如何进行扩展的?
在JavaScript中,对象和数组是如何进行扩展的?
22 4
|
2天前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
16 3
|
4天前
|
JavaScript 前端开发 开发者
JavaScript中的错误处理:try-catch语句与错误对象
【4月更文挑战第22天】JavaScript中的错误处理通过try-catch语句和错误对象实现。try块包含可能抛出异常的代码,catch块捕获并处理错误,finally块则无论是否出错都会执行。错误对象提供关于错误的详细信息,如类型、消息和堆栈。常见的错误类型包括RangeError、ReferenceError等。最佳实践包括及时捕获错误、提供有用信息、不忽略错误、利用堆栈信息和避免在finally块中抛错。
|
10天前
|
JavaScript
【Js】检查Date对象是否为Invalid Date
【Js】检查Date对象是否为Invalid Date
14 0
|
10天前
|
存储 JavaScript 前端开发
JavaScript的引用数据类型主要包括对象
【4月更文挑战第16天】JavaScript的引用数据类型主要包括对象
16 4