javascript日期操作详解(整理)_时间日期

本篇文章给大家分享的是javascript日期操作详解,内容挺不错的,希望可以帮助到有需要的朋友

时间对象是一个我们经常要用到的对象,无论是做时间输出、时间判断等操作时都与这个对象离不开。除开JavaScript中的时间对象外,在VbScript中也有许多的时间对象,而且非常好用。下面还是按照我们的流程来进行讲解

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

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

得到时间方法:
  getDate() 查看Date对象并返回日期
  getDay() 返回星期几
  getHours() 返回小时数
  getMinutes() 返回分钟数
  getMonth() 返回月份值
  getSeconds() 返回秒数
  getTime() 返回完整的时间
  getYear() 返回年份

立即学习“Java免费学习笔记(深入)”;

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();

登录后复制

脚本之家小编为大家提供一个刚写的,在某一个时间段才显示的广告代码

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("广告");}

登录后复制

1、得到日期和年和设置日期和年时间,其中很怪的问题就是不能对月份进行设置(比较的怪):

 d = new Date(); alert(d.toLocaleString()); d.setDate(25); alert(d.toLocaleString()); d.setYear(2000); alert(d.toLocaleString()); 

登录后复制

2、获得年的时候最好用getFullYear()方法来做
3、由于针对月份,JS是从0开始的,因此需要对月份进行操作时要加1

下面是几个关于时间的经典而且经常会用到的例子,希望对大家会有提高的。谢谢继续关注该帖子。。。

1、将2005-8-5转换成2005-08-05格式

 var strDate = '2005-8-5'; window.alert(strDate.replace(/(w)/g, '0$1')); 

登录后复制

2、得到间隔天数

  

登录后复制

3、得到间隔时间

 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+"秒"); 

登录后复制

4、得到今天的日期

 d = new Date(); alert(d.getFullYear()+"年"+(d.getMonth()+1)+"月"+d.getDate()+"日"); 

登录后复制

6、数字日期转汉字

   New Document    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());   

登录后复制

7、得到前N天或后N天的日期

方法一:

 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)); 

登录后复制

方法二:

 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)); 

登录后复制

方法三(不好意思,这个用vsscript做的,仅作为学习使用,不建议网页中使用,毕竟 IE only):

 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) 

登录后复制

方法四:

 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()+"星期"+('天一二三四五六'.charAt(uom.getDay()))+"本月有"+ 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)); 

登录后复制

相关推荐:

JavaScript日期操作方法具体介绍

以上就是javascript日期操作详解(整理)_时间日期的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2776636.html

(0)
上一篇 2025年3月8日 14:54:33
下一篇 2025年3月6日 19:28:05

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • js中delete操作符与内部属性实例详解

    本文主要和大家分享js中delete操作符与内部属性实例详解,在讲解Configurable之前,我们首先来看一道面试题: a = 1;console.log( window.a ); // 1console.log( delete win…

    编程技术 2025年3月8日
    200
  • 如何理解js中的闭包

    闭包(closure)是javascript的一大难点,也是它的特色。很多高级应用都要依靠闭包来实现。本次的这篇文章主要是和大家分享了如何理解js中的闭包 ,有需要的小伙伴可以看一下 1、变量作用域 要理解闭包,首先要理解javascrip…

    编程技术 2025年3月8日
    200
  • Angular开发实践之服务端渲染_AngularJS

    这篇文章主要介绍了angular开发实践之服务端渲染,内容还是挺不错的,现在分享给大家,也给大家做个参考。一起过来看看吧 Angular Universal Angular在服务端渲染方面提供一套前后端同构解决方案,它就是Angular U…

    2025年3月8日 编程技术
    200
  • Vue中computed与methods的区别详解_vue.js

    这篇文章主要介绍了vue中computed与methods的区别详解,内容还是觉得挺不错的,现在分享给大家,也给大家做个参考。一起过来看看吧 Vue中computed可以用来简单的拼接需要展示的数据 computed and methods…

    2025年3月8日
    200
  • 使用Vue构建可重用的分页组件

    分页组件在web项目中是十分常见的组件,让我们使用vue构建可重用的分页组件,关于基本结构和相关事件监听大家参考下本文 Web应用程序中资源分页不仅对性能很有帮助,而且从用户体验的角度来说也是非常有用的。在这篇文章中,将了解如何使用Vue创…

    2025年3月8日 编程技术
    200
  • 五种JavaScript常见函数总结

    在 JavaScript 中有一些问题会被拿出来经常讨论,这些问题每个人都有不同的思路,想要理解这些问题,最好的方法就是自己实现一遍,话不多说,开始正题。本篇文章给大家分享的是 五种JavaScript常见函数总结,内容挺不错的,希望可以帮…

    编程技术 2025年3月8日
    200
  • js自执行函数

    这次的这篇文章向大家分享的内容是js自执行函数 ,有需要的朋友可以参考一下 1 用自执行函数来包装代码格式 APP = function(){     var a,b; //变量a、b外部不可见     return {          …

    编程技术 2025年3月8日
    200
  • js 的引用类型

    这次的这篇文章向大家分享的内容是关于js的引用类型,有需要的朋友们可以看一下 引用类型的值(对象)是引用类型的一个实例,,在js 里引用类型是一种数据结构,通常被称为类,es6貌似加了类这个概念, 1:object是一个基础类,其他所有类型…

    编程技术 2025年3月8日
    200
  • 2017、2018年JS面试题记录分享

    这次的这篇文章给大家带来的内容是2017、2018年JS面试题记录分享,有感兴趣的小伙伴可以看一下 推荐相关文章:2020年最全js面试题整理(最新) 2017面试分享(js面试题记录) 1. 最简单的一道题     ’11’ * 2   …

    2025年3月8日
    200
  • js 开发跨平台界面程序

    HTML + CSS + JS 做页面布局等样式控制有种与身俱来的优越感,于是 NodeJS 的世界里便产生了  Node-Webkit(已更名为 NW.js) 和 Atom Shell,它们各自的代表作有 LightTable 和堪与 S…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论