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


Posted in Javascript onSeptember 05, 2015

它是一个内置对象——而不是其它对象的属性,允许用户执行各种使用日期和时间的过程。

方法:分为得到时间方法、设置时间方法和转换时间方法

得到时间方法:

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之更有效率的字符串替换
Aug 02 Javascript
javascript返回顶部效果(自写代码)
Jan 06 Javascript
jquery延迟加载外部js实现代码
Jan 11 Javascript
封装好的js判断操作系统与浏览器代码分享
Jan 09 Javascript
AngularJS表格详解及示例代码
Aug 17 Javascript
使用Javascript判断浏览器终端设备(PC、IOS(iphone)、Android)
Jan 04 Javascript
jQuery表单设置值的方法
Jun 30 jQuery
security.js实现的RSA加密功能示例
Jun 06 Javascript
Bootstrap4 gulp 配置详解
Jan 06 Javascript
详解滑动穿透(锁body)终极探索
Apr 16 Javascript
JS将时间秒转换成天小时分钟秒的字符串
Jul 10 Javascript
详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()
May 12 Javascript
javascript中日期函数new Date()的浏览器兼容性问题
Sep 05 #Javascript
js 判断所选时间(或者当前时间)是否在某一时间段的实现代码
Sep 05 #Javascript
javascript 判断两个日期之差的示例代码
Sep 05 #Javascript
js实现图片放大和拖拽特效代码分享
Sep 05 #Javascript
js制作带有遮罩弹出层实现登录注册表单特效代码分享
Sep 05 #Javascript
js实现仿MSN带关闭功能的右下角弹窗代码
Sep 04 #Javascript
js实现浮动在网页右侧的简洁QQ在线客服代码
Sep 04 #Javascript
You might like
php将时间差转换为字符串提示
2011/09/07 PHP
javascript操作文本框readOnly
2007/05/15 Javascript
js form action动态修改方法
2008/11/04 Javascript
jQuery.Autocomplete实现自动完成功能(详解)
2010/07/13 Javascript
JS实现self的resend
2010/07/22 Javascript
javascript设计模式 接口介绍
2012/07/24 Javascript
使用js实现数据格式化
2014/12/03 Javascript
AngularJS入门知识之MVW类框架的编程思想探讨
2014/12/08 Javascript
60行js代码实现俄罗斯方块
2015/03/31 Javascript
jquery实现Ctrl+Enter提交表单的方法
2015/07/21 Javascript
AngularJS基础 ng-hide 指令用法及示例代码
2016/08/01 Javascript
bootstrap实现的自适应页面简单应用示例
2017/03/09 Javascript
微信小程序开发之实现自定义Toast弹框
2017/06/08 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
2018/01/09 Javascript
vue-cli webpack模板项目搭建及打包时路径问题的解决方法
2018/02/26 Javascript
nodejs前端模板引擎swig入门详解
2018/05/15 NodeJs
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
2019/05/10 Javascript
js 判断当前时间是否处于某个一个时间段内
2019/09/19 Javascript
vue中 数字相加为字串转化为数值的例子
2019/11/07 Javascript
Element的el-tree控件后台数据结构的生成以及方法的抽取
2020/03/05 Javascript
使用原生JS实现滚轮翻页效果的示例代码
2020/05/31 Javascript
js利用拖放实现添加删除
2020/08/27 Javascript
JS算法教程之字符串去重与字符串反转
2020/12/15 Javascript
python和shell变量互相传递的几种方法
2013/11/20 Python
Python中type的构造函数参数含义说明
2015/06/21 Python
利用Python如何批量更新服务器文件
2018/07/29 Python
python实现自动登录后台管理系统
2018/10/18 Python
Anaconda的安装及其环境变量的配置详解
2020/04/22 Python
python Matplotlib数据可视化(1):简单入门
2020/09/30 Python
python 根据列表批量下载网易云音乐的免费音乐
2020/12/03 Python
银行实习的自我鉴定
2013/12/10 职场文书
写自荐信要注意什么
2013/12/26 职场文书
酒店前厅员工辞职信
2014/01/08 职场文书
出售房屋委托书范本
2014/09/24 职场文书
python制作图形界面的2048游戏, 基于tkinter
2021/04/06 Python
浅谈Python中对象是如何被调用的
2022/04/06 Python