javascript日期操作详解
它是一个内置对象——而不是其它对象的属性,允许用户执行各种使用日期和时间的过程。
方法:分为得到时间方法、设置时间方法和转换时间方法
得到时间方法:
getDate() 查看Date对象并返回日期
getDay() 返回星期几
getHours() 返回小时数
getMinutes() 返回分钟数
getMonth() 返回月份值
getSeconds() 返回秒数
getTime() 返回完整的时间
getYear() 返回年份
js中的日期时间函数具体使用注意事项: 月份获取的时候会-1. 例如当前是12月份,获取的数字就是11
var date = new Date();
date.getYear(); //获取年份(2位)
date.getFullYear(); //获取完整的年份(4位,1970-)
date.getMonth(); //获取月份(0-11,0代表1月,所以在显示当前时间的时候需要date.getMonth() + 1)
date.getDate(); //获取日(1-31)
date.getDay(); //获取星期?(0-6,0代表星期天)
date.getTime(); //获取时间(从1970.1.1开始的毫秒数)
date.getHours(); //获取小时数(0-23)
date.getMinutes(); //获取分钟数(0-59)
date.getSeconds(); //获取秒数(0-59)
date.getMilliseconds(); //获取毫秒数(0-999)
date.toLocaleString(); //获取日期与时间
设置时间方法:
setDate() 改变Date对象的日期
setHours() 改变小时数
setMinutes() 改变分钟数
setMonth() 改变月份
setSeconds() 改变秒数
setTime() 改变完整的时间
setYear() 改变年份
转换时间方法:
toGMTString() 把Date对象的日期(一个数值)转变成一个GMT时间字符串,返回类似下面的值:Weds,15 June l997 14:02:02 GMT(精确的格式依赖于计算机上所运行的操作系统而变)
toLocaleString() 把Date对象的日期(一个数值)转变成一个字符串,使用所在计算机上配置使用的特定日期格式
UTC() 使用Date UTC(年、月、日、时、分、秒),以自从1970年1月1日00:00:00(其中时、分、秒是可选的)以来的毫秒数的形式返回日期
几个需要注意的地方:
最重要的一点就是考虑到多浏览器的兼容性。需要按如下格式获取日期比较好
1
2
3
4
5
6
|
var timestart = '2015-09-05' ; var timeend = '2015-09-06' ; var time1 = (timestart+ ' 00:00:00' ).toString(); var time2 = (timeend+ ' 23:59:59' ).toString(); timestart = new Date(Date.parse(time1.replace(/-/g, "/" ))).getTime(); timeend = new Date(Date.parse(time2.replace(/-/g, "/" ))).getTime(); |
脚本之家小编为大家提供一个刚写的,在某一个时间段才显示的广告代码
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<script type= "text/javascript" > var timestart = '2015-09-05' ; var timeend = '2015-09-06' ; var time1 = (timestart+ ' 16:00:00' ).toString(); var time2 = (timeend+ ' 16:00:00' ).toString(); timestart = new Date(Date.parse(time1.replace(/-/g, "/" ))).getTime(); timeend = new Date(Date.parse(time2.replace(/-/g, "/" ))).getTime(); var nowtime= new Date().getTime(); if (nowtime>timestart && nowtime<timeend) { document.write( "广告" ); } </script> |
1、得到日期和年和设置日期和年时间,其中很怪的问题就是不能对月份进行设置(比较的怪):
1
2
3
4
5
6
7
8
|
<script language= "javascript" > d = new Date(); alert(d.toLocaleString()); d.setDate(25); alert(d.toLocaleString()); d.setYear(2000); alert(d.toLocaleString()); </script> |
2、获得年的时候最好用getFullYear()方法来做
3、由于针对月份,JS是从0开始的,因此需要对月份进行操作时要加1
下面是几个关于时间的经典而且经常会用到的例子,希望对大家会有提高的。谢谢继续关注该帖子。。。
1、将2005-8-5转换成2005-08-05格式
1
2
3
4
|
<script language= "javascript" > var strDate = '2005-8-5' ; window.alert(strDate.replace(/\b(\w)\b/g, '0$1' )); </script> |
2、得到间隔天数
1
2
3
4
5
|
<script type= "text/javascript" > <!-- alert( "间隔天数为:" +( new Date( '2005/8/15' )- new Date( '2003/9/18' ))/1000/60/60/24+ "天" ) //--> </script> |
3、得到间隔时间
1
2
3
4
5
6
7
8
9
|
<script> var d1= new Date( "2004/09/16 20:08:00" ); var d2= new Date( "2004/09/16 10:18:03" ); var d3=d1-d2; var h=Math.floor(d3/3600000); var m=Math.floor((d3-h*3600000)/60000); var s=(d3-h*3600000-m*60000)/1000; alert( "相差" +h+ "小时" +m+ "分" +s+ "秒" ); </script> |
4、得到今天的日期
1
2
3
4
|
<script language= "javascript" > d = new Date(); alert(d.getFullYear()+ "年" +(d.getMonth()+1)+ "月" +d.getDate()+ "日" ); </script> |
6、数字日期转汉字
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<html> <head> <title> New Document </title> </head> <body> <script language=javascript> Date.prototype.getRead = function () { var values = new Array( "零" , "一" , "二" , "三" , "四" , "五" , "六" , "七" , "八" , "九" ); var returnValue, temp; returnValue = this .getYear()+ "年" ; temp = ( this .getMonth()+1)+ "月" + this .getDate()+ "日" ; temp = temp.replace(/(\d)(\d)/g, "$1十$2" ).replace(/1十/g, "十" ).replace(/十0/g, "十" ); returnValue += temp; returnValue = returnValue.replace(/\d/g, function (sts){ return values[parseInt(sts)]}); return returnValue; } var t= new Date(); document.write(t.getRead()); </script> </body> </html> |
7、得到前N天或后N天的日期
方法一:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<script type= "text/javascript" > function showdate(n) { var uom = new Date( new Date()-0+n*86400000); uom = uom.getFullYear() + "-" + (uom.getMonth()+1) + "-" + uom.getDate(); return uom; } window.alert( "今天是:" +showdate(0)); window.alert( "昨天是:" +showdate(-1)); window.alert( "明天是:" +showdate(1)); window.alert( "10天前是:" +showdate(-10)); window.alert( "5天后是:" +showdate(5)); </script> |
方法二:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<script type= "text/javascript" > function showdate(n) { var uom = new Date(); uom.setDate(uom.getDate()+n); uom = uom.getFullYear() + "-" + (uom.getMonth()+1) + "-" + uom.getDate(); return uom; } window.alert( "今天是:" +showdate(0)); window.alert( "昨天是:" +showdate(-1)); window.alert( "明天是:" +showdate(1)); window.alert( "10天前是:" +showdate(-10)); window.alert( "5天后是:" +showdate(5)); </script> |
方法三(不好意思,这个用vsscript做的,仅作为学习使用,不建议网页中使用,毕竟 IE only):
1
2
3
4
5
6
7
8
9
10
|
<script language= "vbscript" > function showdate(n) showdate=dateadd( "d" ,date(),n) end function msgbox "今天是:" &showdate( 0 ) msgbox "昨天是:" &showdate( -1 ) msgbox "明天是:" &showdate( 1 ) msgbox "十天前是:" &showdate( -10 ) msgbox "五天后是:" &showdate( 5 ) </script> |
方法四:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<script language= "Javascript" > Date.prototype.getDays= function (){ var _newDate= new Date(); _newDate.setMonth(_newDate.getMonth()+1); _newDate.setDate(0); $_days=_newDate.getDate(); delete _newDate; return $_days; } function showdate(n) { var uom = new Date(); uom.setDate(uom.getDate()+n); uom = uom.getFullYear() + "-" + (uom.getMonth()+1) + "-" + uom.getDate()+ "\n星期" +( '天一二三四五六' .charAt(uom.getDay()))+ "\n本月有" + uom.getDays()+ "天" ; return uom; } window.alert( "今天是:" +showdate(0)); window.alert( "昨天是:" +showdate(-1)); window.alert( "明天是:" +showdate(1)); window.alert( "10天前是:" +showdate(-10)); window.alert( "5天后是:" +showdate(5)); </script> |