本篇文章给大家分享的是javascript日期操作详解,内容挺不错的,希望可以帮助到有需要的朋友
时间对象是一个我们经常要用到的对象,无论是做时间输出、时间判断等操作时都与这个对象离不开。除开javascript中的时间对象外,在vbscript中也有许多的时间对象,而且非常好用。下面还是按照我们的流程来进行讲解
它是一个内置对象——而不是其它对象的属性,允许用户执行各种使用日期和时间的过程。
方法:分为得到时间方法、设置时间方法和转换时间方法
得到时间方法:
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(其中时、分、秒是可选的)以来的毫秒数的形式返回日期
几个需要注意的地方:
最重要的一点就是考虑到多浏览器的兼容性。需要按如下格式获取日期比较好
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();
脚本之家小编为大家提供一个刚写的,在某一个时间段才显示的广告代码
<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、得到日期和年和设置日期和年时间,其中很怪的问题就是不能对月份进行设置(比较的怪):
<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格式
<script language="javascript">
var strdate = '2005-8-5';
window.alert(strdate.replace(/\b(\w)\b/g, '0$1'));
</script>
2、得到间隔天数
<script type="text/javascript">
<!--
alert("间隔天数为:"+(new date('2005/8/15')-new date('2003/9/18'))/1000/60/60/24+"天")
//-->
</script>
3、得到间隔时间
<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、得到今天的日期
<script language="javascript">
d = new date();
alert(d.getfullyear()+"年"+(d.getmonth()+1)+"月"+d.getdate()+"日");
</script>
6、数字日期转汉字
<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天的日期
方法一:
<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>
方法二:
<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):
<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>
方法四:
<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>
相关推荐:
javascript日期操作方法具体介绍
以上就是javascript日期操作详解(整理)_时间日期的详细内容。