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制作的)

<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>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值