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 相关文章推荐
Javascript中定义方法的另类写法(批量定义js对象的方法)
Feb 25 Javascript
实现web打印的各种方法介绍及实现代码
Jan 09 Javascript
javascript向后台传送相同属性的参数即数组参数
Feb 17 Javascript
js加入收藏夹代码(兼容ie/ff/op)
May 16 Javascript
原生js模拟淘宝购物车项目实战
Nov 18 Javascript
修复jQuery tablesorter无法正确排序的bug(加千分位数字后)
Mar 30 Javascript
再次谈论React.js实现原生js拖拽效果引起的一系列问题
Apr 03 Javascript
JS实现数字格式千分位相互转换方法
Aug 01 Javascript
javascript数组常用方法汇总
Sep 10 Javascript
微信小程序 封装http请求实例详解
Jan 16 Javascript
xmlplus组件设计系列之按钮(2)
Apr 26 Javascript
koa中间件核心(koa-compose)源码解读分析
Jun 15 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采集相关教程之一 CURL函数库
2010/02/15 PHP
PHP中file_exists与is_file,is_dir的区别介绍
2012/09/12 PHP
探讨多键值cookie(php中cookie存取数组)的详解
2013/06/06 PHP
PHP 如何利用phpexcel导入数据库
2013/08/24 PHP
从零开始学YII2框架(一)通过Composer安装Yii2框架
2014/08/20 PHP
PHP基于双向链表与排序操作实现的会员排名功能示例
2017/12/26 PHP
php+redis实现商城秒杀功能
2020/11/19 PHP
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
2011/06/28 Javascript
javascript实现原生ajax的几种方法介绍
2013/09/21 Javascript
node.js中的http.response.removeHeader方法使用说明
2014/12/14 Javascript
Javascript基础教程之数组 array
2015/01/18 Javascript
js实现星星打分效果的方法
2020/07/05 Javascript
js去除浏览器默认底图的方法
2015/06/08 Javascript
基于jQuery实现简单人工智能聊天室
2017/02/10 Javascript
Vue2.0表单校验组件vee-validate的使用详解
2017/05/02 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
2020/06/23 Javascript
Vue axios 跨域请求无法带上cookie的解决
2020/09/08 Javascript
nuxt 实现在其它js文件中使用store的方式
2020/11/05 Javascript
在HTML中使用JavaScript的两种方法
2020/12/24 Javascript
[46:59]完美世界DOTA2联赛PWL S2 GXR vs Ink 第二场 11.19
2020/11/20 DOTA
Python线程中对join方法的运用的教程
2015/04/09 Python
在dataframe两列日期相减并且得到具体的月数实例
2018/07/03 Python
python Flask 装饰器顺序问题解决
2018/08/08 Python
Python递归及尾递归优化操作实例分析
2020/02/01 Python
Tensorflow限制CPU个数实例
2020/02/06 Python
python 生成器需注意的小问题
2020/09/29 Python
解决pip安装tensorflow中出现的no module named tensorflow.python 问题方法
2021/02/20 Python
一文彻底解决HTML5页面中长按保存图片功能
2019/06/10 HTML / CSS
全球在线商店:BerryLook
2019/04/14 全球购物
园林技术个人的自我评价
2014/01/08 职场文书
幼儿园儿童节主持词
2014/03/21 职场文书
公务员保密承诺书
2014/03/27 职场文书
给孩子的新年寄语
2014/04/08 职场文书
2015年干部教育培训工作总结
2015/05/15 职场文书
永不妥协观后感
2015/06/10 职场文书
css3 利用transform-origin 实现圆点分布在大圆上布局及旋转特效
2021/04/29 HTML / CSS