javascript日期操作详解(脚本之家整理)
它是一个内置对象——而不是其它对象的属性,允许用户执行各种使用日期和时间的过程。
方法:分为得到时间方法、设置时间方法和转换时间方法
得到时间方法:
getDate()查看Date对象并返回日期
getDay()返回星期几
getHours()返回小时数
getMinutes()返回分钟数
getMonth()返回月份值
getSeconds()返回秒数
getTime()返回完整的时间
getYear()返回年份
js中的日期时间函数具体使用注意事项:月份获取的时候会-1.例如当前是12月份,获取的数字就是11
vardate=newDate();
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,15Junel99714:02:02GMT(精确的格式依赖于计算机上所运行的操作系统而变)
toLocaleString()把Date对象的日期(一个数值)转变成一个字符串,使用所在计算机上配置使用的特定日期格式
UTC()使用DateUTC(年、月、日、时、分、秒),以自从1970年1月1日00:00:00(其中时、分、秒是可选的)以来的毫秒数的形式返回日期
几个需要注意的地方:
最重要的一点就是考虑到多浏览器的兼容性。需要按如下格式获取日期比较好
vartimestart='2015-09-05'; vartimeend='2015-09-06'; vartime1=(timestart+'00:00:00').toString(); vartime2=(timeend+'23:59:59').toString(); timestart=newDate(Date.parse(time1.replace(/-/g,"/"))).getTime(); timeend=newDate(Date.parse(time2.replace(/-/g,"/"))).getTime();
毛票票小编为大家提供一个刚写的,在某一个时间段才显示的广告代码
<scripttype="text/javascript"> vartimestart='2015-09-05'; vartimeend='2015-09-06'; vartime1=(timestart+'16:00:00').toString(); vartime2=(timeend+'16:00:00').toString(); timestart=newDate(Date.parse(time1.replace(/-/g,"/"))).getTime(); timeend=newDate(Date.parse(time2.replace(/-/g,"/"))).getTime(); varnowtime=newDate().getTime(); if(nowtime>timestart&&nowtime<timeend) { document.write("广告"); } </script>
1、得到日期和年和设置日期和年时间,其中很怪的问题就是不能对月份进行设置(比较的怪):
<scriptlanguage="javascript"> d=newDate(); 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格式
<scriptlanguage="javascript"> varstrDate='2005-8-5'; window.alert(strDate.replace(/\b(\w)\b/g,'0$1')); </script>
2、得到间隔天数
<scripttype="text/javascript"> <!-- alert("间隔天数为:"+(newDate('2005/8/15')-newDate('2003/9/18'))/1000/60/60/24+"天") //--> </script>
3、得到间隔时间
<script> vard1=newDate("2004/09/1620:08:00"); vard2=newDate("2004/09/1610:18:03"); vard3=d1-d2; varh=Math.floor(d3/3600000); varm=Math.floor((d3-h*3600000)/60000); vars=(d3-h*3600000-m*60000)/1000; alert("相差"+h+"小时"+m+"分"+s+"秒"); </script>
4、得到今天的日期
<scriptlanguage="javascript"> d=newDate(); alert(d.getFullYear()+"年"+(d.getMonth()+1)+"月"+d.getDate()+"日"); </script>
6、数字日期转汉字
<html> <head> <title>NewDocument</title> </head> <body> <scriptlanguage=javascript> Date.prototype.getRead=function() { varvalues=newArray("零","一","二","三","四","五","六","七","八","九"); varreturnValue,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){returnvalues[parseInt(sts)]}); returnreturnValue; } vart=newDate(); document.write(t.getRead()); </script> </body> </html>
7、得到前N天或后N天的日期
方法一:
<scripttype="text/javascript"> functionshowdate(n) { varuom=newDate(newDate()-0+n*86400000); uom=uom.getFullYear()+"-"+(uom.getMonth()+1)+"-"+uom.getDate(); returnuom; } window.alert("今天是:"+showdate(0)); window.alert("昨天是:"+showdate(-1)); window.alert("明天是:"+showdate(1)); window.alert("10天前是:"+showdate(-10)); window.alert("5天后是:"+showdate(5)); </script>
方法二:
<scripttype="text/javascript"> functionshowdate(n) { varuom=newDate(); uom.setDate(uom.getDate()+n); uom=uom.getFullYear()+"-"+(uom.getMonth()+1)+"-"+uom.getDate(); returnuom; } window.alert("今天是:"+showdate(0)); window.alert("昨天是:"+showdate(-1)); window.alert("明天是:"+showdate(1)); window.alert("10天前是:"+showdate(-10)); window.alert("5天后是:"+showdate(5)); </script>
方法三(不好意思,这个用vsscript做的,仅作为学习使用,不建议网页中使用,毕竟IEonly):
<scriptlanguage="vbscript"> functionshowdate(n) showdate=dateadd("d",date(),n) endfunction msgbox"今天是:"&showdate(0) msgbox"昨天是:"&showdate(-1) msgbox"明天是:"&showdate(1) msgbox"十天前是:"&showdate(-10) msgbox"五天后是:"&showdate(5) </script>
方法四:
<scriptlanguage="Javascript"> Date.prototype.getDays=function(){ var_newDate=newDate(); _newDate.setMonth(_newDate.getMonth()+1); _newDate.setDate(0); $_days=_newDate.getDate(); delete_newDate; return$_days; } functionshowdate(n) { varuom=newDate(); uom.setDate(uom.getDate()+n); uom=uom.getFullYear()+"-"+(uom.getMonth()+1)+"-"+uom.getDate()+"\n星期"+('天一二三四五六'.charAt(uom.getDay()))+"\n本月有"+uom.getDays()+"天"; returnuom; } window.alert("今天是:"+showdate(0)); window.alert("昨天是:"+showdate(-1)); window.alert("明天是:"+showdate(1)); window.alert("10天前是:"+showdate(-10)); window.alert("5天后是:"+showdate(5)); </script>