【转】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>

原谅地址：http://www.jb51.net/article/71897.htm

【转】javascript日期操作详解(脚本之家整理)的更多相关文章

javascript日期操作详解
时间对象是一个我们经常要用到的对象,无论是做时间输出.时间判断等操作时都与这个对象离不开.除开JavaScript中的时间对象外,在VbScript中也有许多的时间对象,而且非常好用.下面还是按照我们 ...
JAVA8之日期操作详解
package org.date; import java.time.DayOfWeek; import java.time.LocalDate; import java.time.Month; im ...
javascript dom 操作详解 js加强
js加强操作实现代码. 1 .文档里的每个节点都有属性 nodeName . nodeValue . nodeType nodeName 文本节点的的节点名是 #text , nodeName 是只读 ...
JavaScript运行机制详解
JavaScript运行机制详解 var test = function(){ alert("test"); } var test2 = function(){ alert(& ...
JavaScript(2)---DOM详解
JavaScript(2)---DOM详解一.DOM概念什么是DOM DOM全称为文本对象模型(Document Object Model),它定义了所有HTML元素的对象和属性,以及访问他们的方 ...
Sentry(v20.12.1) K8S 云原生架构探索，SENTRY FOR JAVASCRIPT Source Maps 详解
系列 Sentry-Go SDK 中文实践指南一起来刷 Sentry For Go 官方文档之 Enriching Events Snuba:Sentry 新的搜索基础设施(基于 ClickHous ...
MongoDB各种查询操作详解
这篇文章主要介绍了MongoDB各种查询操作详解,包括比较查询.关联查询.数组查询等,需要的朋友可以参考下一.find操作 MongoDB中使用find来进行查询,通过指定find的第一个参数可 ...
从mixin到new和prototype：Javascript原型机制详解
从mixin到new和prototype:Javascript原型机制详解这是一篇markdown格式的文章,更好的阅读体验请访问我的github,移动端请访问我的博客继承是为了实现方法的复用 ...
JavaScript严格模式详解
转载自阮一峰的博客 Javascript 严格模式详解作者: 阮一峰一.概述除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict m ...

随机推荐

解决Oracle clob字段数据过大问题
select * from user_lobs where table_name='WX_MAIL';--SYS_LOB0001313121C00015$$ MB FROM user_segments ...
Zend Studio 11.0.2 破解和汉化
本方法适用于Zend Studio 11.0.2,亲测,其他版本未知. 破解方法:覆盖安装目录 plugins 里同名文件,启动任意输入即可注册. Windows版下载地址:http://downlo ...
word2007在试图打开文件时遇到错误解决方法
当您尝试在 Microsoft Office Word 2007 中打开 .docx 文件时,该文件打不开.此外,您还会收到以下错误消息: Word 在试图打开文件时遇到错误.请尝试下列方法:* 检查 ...
smarty模板引擎原理解析
//php 控制器文件 <?php//引入模板引擎文件include("20130304.php");$smarty =newTinySmarty();$qq_numbers ...
学习Swift -- 构造器(中)
构造器(中) 值类型的构造器代理构造器可以通过调用其它构造器来完成实例的部分构造过程.这一过程称为构造器代理,它能减少多个构造器间的代码重复. 构造器代理的实现规则和形式在值类型和类类型中有所不同. ...
Python中lstrip使用心得
lstrip方法用来去除字符串从首位开始与之相匹配的字符.例如: a = 'c' b = 'calendar' print(b.lstrip(a)) 输出结果是 'alendar'. 之前我也一直是这 ...
Lodash，你正在使用的JavaScript库
JavaScript工具库lodash发布了3.5版,成为了npm包仓库中依赖最多的库.它正在摆脱屌丝身份,成为开发者的不二之选. lodash一开始是Underscore.js库的一个fork,因为 ...
Illustrator软件中eps和ai格式的区别
转自Illustrator软件中eps和ai格式的区别 AI是ILL特有的格式,EPS格式是在排版领域经常使用的格式.AI中的位图图像是用链接的方式存储,EPS格式则将位图图像包含于文件中.对于含有相 ...
Watch gcc at ubuntu 12,See ELF file header
first write article at my ubuntu 12. ELF is very important file format.
使用Sass和Compass组合写CSS
最近开始在尝试开始使用Sass来写CSS代码,刚开始虽然还是不太习惯用链式的方式写css,不过这是暂时的阶段. 如果你还不了解Sass,可以看之前发表过的文章来了解详情,Sass主要有下面这几种特性( ...

【转】javascript日期操作详解(脚本之家整理)

【转】javascript日期操作详解(脚本之家整理)的更多相关文章

随机推荐

热门专题