JS之Date对象和获取系统当前时间详解


Posted in Javascript onJanuary 13, 2014

一、Date对象
每天一对象,今天来看看Date对象,相对于时间大家一定很熟悉,应为以前在网站中很多地方都会遇到这样的时间特效。温故而知新,今天我们来回忆一下Date对象。

我们首先来看看他的定义:
dateObj = new Date()
dateObj = new Date(dateVal)
dateObj = new Date(year, month, date[, hours[, minutes[, seconds[,ms]]]])

必选项。如果是数字值,dateVal 表示指定日期与 1970 年 1 月 1 日午夜间全球标准时间的毫秒数。如果是字符串,则 dateVal 按照 parse 方法中的规则进行解析。dateVal 参数也可以是从某些 ActiveX® 对象返回的 VT_DATE 值。 必选项。完整的年份,比如,1976(而不是 76)。 必选项。表示的月份,是从 0 到 11 之间的整数( 1 月至 12 月)。 必选项。表示日期,是从 1 到 31 之间的整数。 可选项。表示毫秒,是从 0 到 999 的整数。
Date 对象保存以毫秒为单位表示特定时间段。如果某个参数的值大于其范围或为负数,则存储的其他值将做相应的调整。例如,如果指定 150 秒,JScript 将该数字重新定义为 2 分 30 秒。

如果数字为 NaN,则该对象不代表特定的时间段。如果未向 Date 对象传递参数,它将被初始化为当前时间 (UTC)。在能够使用该对象前必须为其赋值。

Date 对象能够表示的日期范围约等于 1970 年 1 月 1 日前后各 285,616 年。

Date 对象具有两个不创建 Date 对象就可以调用的静态方法。它们是 parse 和 UTC。

Date对象的方法很多,也很简单在这里就不列出了,OK,See Next!

特别注意:

**************************************************************

var myDate = new Date(2006,11,23);
alert("year="+myDate.getYear()+"******month="+myDate.getMonth()+"********day="+myDate.getDate());

运行之后的结果是 year=2006 ******month=11********day=23

**************************************************************

这样显示都很正常,当new Date的时候传进去的月份为12的时候,就出现的问题。

**************************************************************

var myDate = new Date(2006,12,23);
alert("year="+myDate.getYear()+"******month="+myDate.getMonth()+"********day="+myDate.getDate());

运行之后的结果是 year=2007 ******month=0********day=23

**************************************************************

很纳闷的一件事情。最后查资料得知month这个参数的值是0~11的,不能传入12的这个值。解决办法就是在传值的时候把month-1,然后在外面取的时候再+1。不知谁还有更好的办法。

如:

var date=new Date(2010,0-1,15); //这里0代表一月份,减1就变成12月份了
 alert(date.getYear()+","+(date.getMonth()+1)+","+date.getDate());

var date=new Date(2010,12-1,15);
 alert(date.getYear()+","+(date.getMonth()+1)+","+date.getDate());

参数是字符串的格式如:2010/1/6

示例:
var txtDepartureDate='2010-1-6'
alert(txtDepartureDate.replace(/-/g,'/')); //使用正则将'-'全部替换成/
var date = new Date(txtDepartureDate.replace(/-/g,'/'));

Javascript 相关文章推荐
jQuery实现原理的模拟代码 -6 代码下载
Aug 16 Javascript
使用js 设置url参数
Jul 08 Javascript
js实现ifram取父窗口URL地址的方法
Feb 09 Javascript
jQuery插件zoom实现图片全屏放大弹出层特效
Apr 15 Javascript
javascript实现checkbox全选的代码
Apr 30 Javascript
HTML Table 空白单元格补全的简单实现
Oct 13 Javascript
ES6扩展运算符的用途实例详解
Aug 20 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
Jul 20 Javascript
JS实现方形抽奖效果
Aug 27 Javascript
详解Vue This$Store总结
Dec 17 Javascript
Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)
Oct 25 Javascript
Vue.js暴露方法给WebView的使用操作
Sep 07 Javascript
JS OffsetParent属性深入解析
Jan 13 #Javascript
JavaScript网页定位详解
Jan 13 #Javascript
js菜单点击显示或隐藏效果的简单实例
Jan 13 #Javascript
ie8本地图片上传预览示例代码
Jan 12 #Javascript
js 立即调用的函数表达式如何写
Jan 12 #Javascript
IE的事件传递-event.cancelBubble示例介绍
Jan 12 #Javascript
Javascript实现带关闭按钮的网页漂浮广告代码
Jan 12 #Javascript
You might like
php xml留言板 xml存储数据的简单例子
2009/08/24 PHP
解析php中curl_multi的应用
2013/07/17 PHP
PHP函数eval()介绍和使用示例
2014/08/20 PHP
Symfony控制层深入详解
2016/03/17 PHP
Yii框架创建cronjob定时任务的方法分析
2017/05/23 PHP
PHP实现的mongoDB数据库操作类完整实例
2018/04/10 PHP
php中pcntl_fork创建子进程的方法实例
2019/03/14 PHP
jquery事件机制扩展插件 jquery鼠标右键事件
2011/12/21 Javascript
jQuery动态添加 input type=file的实现代码
2012/06/14 Javascript
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
2013/11/19 Javascript
ECMAScript6中Set/WeakSet详解
2015/06/12 Javascript
基于javascript实现图片左右切换效果
2016/01/25 Javascript
全面解析Bootstrap布局组件应用
2016/02/22 Javascript
微信小程序 form组件详解
2016/10/25 Javascript
Bootstrap基本组件学习笔记之面板(14)
2016/12/08 Javascript
Vue插件写、用详解(附demo)
2017/03/20 Javascript
关于Node.js中Buffer的一些你可能不知道的用法
2017/03/28 Javascript
vue中如何引入jQuery和Bootstrap
2017/04/10 jQuery
JavaScript如何对图片进行黑白化
2018/04/10 Javascript
代码整洁之道(重构)
2018/10/25 Javascript
jQuery 筛选器简单操作示例
2019/10/02 jQuery
Angular 多级路由实现登录页面跳转(小白教程)
2019/11/19 Javascript
整理 node-sass 安装失败的原因及解决办法(小结)
2020/02/19 Javascript
使用python绘制常用的图表
2016/08/27 Python
python之super的使用小结
2018/08/13 Python
python实现趣味图片字符化
2019/04/30 Python
Canvas系列之滤镜效果
2019/02/12 HTML / CSS
乡镇信息公开实施方案
2014/03/23 职场文书
养成教育经验材料
2014/05/26 职场文书
保密工作目标责任书
2014/07/28 职场文书
行政执法作风整顿剖析材料
2014/10/11 职场文书
民事赔偿协议书
2014/11/02 职场文书
2015年基建工作总结范文
2015/05/23 职场文书
爱心捐赠活动简讯
2015/07/20 职场文书
家长会后的感想
2015/08/11 职场文书
2019森林防火宣传标语大全!
2019/07/03 职场文书