• 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(其中时、分、秒是可选的)以来的毫秒数的形式返回日期

    几个需要注意的地方:

    最重要的一点就是考虑到多浏览器的兼容性。需要按如下格式获取日期比较好

    1
    2
    3
    4
    5
    6
    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();

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

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <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、得到日期和年和设置日期和年时间,其中很怪的问题就是不能对月份进行设置(比较的怪):

    1
    2
    3
    4
    5
    6
    7
    8
    <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格式

    1
    2
    3
    4
    <script language="javascript">
    var strDate = '2005-8-5';
    window.alert(strDate.replace(/(w)/g, '0$1'));
    </script>

    2、得到间隔天数

    1
    2
    3
    4
    5
    <script type="text/javascript">
    <!--
    alert("间隔天数为:"+(new Date('2005/8/15')-new Date('2003/9/18'))/1000/60/60/24+"天")
    //-->
    </script>

    3、得到间隔时间

    1
    2
    3
    4
    5
    6
    7
    8
    9
    <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、得到今天的日期

    1
    2
    3
    4
    <script language="javascript">
    d = new Date();
    alert(d.getFullYear()+"年"+(d.getMonth()+1)+"月"+d.getDate()+"日");
    </script>


    6、数字日期转汉字

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    <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天的日期


    方法一:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <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>

    方法二:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <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):

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <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>

    方法四:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    <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()+" 星期"+('天一二三四五六'.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));
    </script>
  • 相关阅读:
    java获得文件的最后修改时间
    【Tomcat】解决Tomcat catalina.out 不断成长导致档案过大的问题
    mysql报错Packet for query is too large (12238 > 1024). You can change this value
    【Tomcat】linux下实时查看tomcat运行日志
    linux下面MySQL变量修改及生效
    【Vim命令大全】史上最全的Vim命令
    (总结)Linux的chattr与lsattr命令详解
    MySql将查询结果插入到另外一张表
    dos中定义变量与获取常见的引用变量以及四则运算、备份文件(set用法)
    批处理BAT替换与截取字符串的用法t1=%a:~3%是什么意思
  • 原文地址:https://www.cnblogs.com/yanzi-meng/p/7767198.html
Copyright © 2020-2023  润新知