javascript日期操作—整理(一)

来源:互联网 发布:淘宝网修身连衣裙 编辑:程序博客网 时间:2024/06/14 05:38
时间对象是一个我们经常要用到的对象,无论是做时间输出、时间判断等操作时都与这个对象离不开。除开JavaScript中的时间对象外,在VbScript中也有许多的时间对象,而且非常好用。下面还是按照我们的流程来进行讲解。 


它是一个内置对象——而不是其它对象的属性,允许用户执行各种使用日期和时间的过程。 
 方法:分为得到时间方法、设置时间方法和转换时间方法 


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


设置时间方法: 
  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、得到日期和年和设置日期和年时间,其中很怪的问题就是不能对月份进行设置(比较的怪): 
<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>


附:javascript日期工具类

<script type="text/javascript">


CalendarUtil = {  
 
   /* 
    * @discription: 获取当前日期的日期串. 
    * @return: 
    *  {String} (YYYY-MM-DD)日期字符串. 
    */  
   getDate: function() {  
       var date = new Date();  
       var month = date.getMonth() < 9 ? "0" + (date.getMonth() + 1) : (date.getMonth() + 1);  
       var da = date.getDate() <= 9 ? "0" + (date.getDate()) : (date.getDate());  
       return (date.getFullYear() + "-" + month + "-" + da);  
   },  
     
   /* 
    * @discription: 返回几天之后的日期串. 
    * @params: 
    *  date - {String} (YYYY/MM/DD)日期字符串. 
    *  i - {int} 天数. 
    * @return: 
    *  {String} (YYYY/MM/DD)日期字符串. 
    */  
   getDateAfter: function(date, i) {  
       var r = date.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);  
       if (r != null) {  
           var date = new Date(r[1], r[3]-1, r[4]);  
           date.setDate(date.getDate() + i);  
           var month = date.getMonth() < 9 ? "0" + (date.getMonth() + 1) : (date.getMonth() + 1);  
           var da = date.getDate() <= 9 ? "0" + (date.getDate()) : (date.getDate());  
           return date.getFullYear() + "-" + month + "-" + da;  
       } else {  
           return date;  
       }  
   },  
 
   /* 
    * @discription: 返回几天之前的日期串. 
    * @params: 
    *  date - {String} (YYYY/MM/DD)日期字符串. 
    *  i - {int} 天数. 
    * @return: 
    *  {String} (YYYY/MM/DD)日期字符串. 
    */  
   getDateBefore: function(date, i) {  
       var r = date.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);  
       if (r != null) {  
           var date = new Date(r[1], r[3]-1, r[4]);  
       date.setDate(date.getDate() - i);  
       var month = date.getMonth() < 9 ? "0" + (date.getMonth() + 1) : (date.getMonth() + 1);  
       var da = date.getDate() <=9 ? "0" + (date.getDate()) : (date.getDate());  
           return date.getFullYear() + "-" + month + "-" + da;  
       } else {  
           return date;  
       }  
   },  
 
   /* 
    * @discription: 计算两个日期的天数差. 
    * @params: 
    *  date1 - {String} (YYYY/MM/DD)日期字符串. 
    *  date2 - {String} (YYYY/MM/DD)日期字符串. 
    * @return: 
    *  {string}  天数差. 
    */  
   getDateDiff: function(date1, date2) {  
       var aDate, oDate1, oDate2, iDays;  
       var r1 = date1.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);  
       oDate1 = new Date(r1[1], r1[3] - 1, r1[4]);  
 
       var r2 = date2.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);  
       oDate2 = new Date(r2[1], r2[3] - 1, r2[4]);  
       iDays = parseInt((oDate1 - oDate2) / 1000 / 60 / 60 / 24);  
       return iDays;  
   },  
 
   /* 
    * @discription: 计算与当前年份差. 
    * @params: 
    *  date - {String} (YYYY/MM/DD)日期字符串. 
    * @return: 
    *  {int}  与当前年份差. 
    */  
   getYearDiff: function(oldDate, newDate) {  
       var r1 = oldDate.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);  
       var oldYear = r1[1];  
       var newYear = new Date().getFullYear();  
       if (typeof newDate != "undefined") {  
           var r2 = newDate.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);  
           var newYear = r2[1];  
       }  
       return newYear - oldYear;  
   },  
 
   /* 
    * @discription: 获取时期data的星期数(字符串). 
    * @params: 
    *  date - {String} (YYYY/MM/DD)日期字符串. 
    * @return: 
    *  {string}  星期数(字符串). 
    */  
   getStrWeek: function(date) {  
       var r1 = date.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);  
       var day = new Date(r1[1], r1[3] - 1, r1[4]).getDay();  
       var week = "";  
       switch(day) {  
           case 0:  
               week = "星期日";  
               break;  
           case 1:  
               week = "星期一";  
               break;  
           case 2:  
               week = "星期二";  
               break;  
           case 3:  
               week = "星期三";  
               break;  
           case 4:  
               week = "星期四";  
               break;  
           case 5:  
               week = "星期五";  
               break;  
           case 6:  
               week = "星期六";  
               break;  
       }  
       return week;  
   },  
     
   /* 
    * @discription: 格式化时间,将yyyy-mm-dd格式成 yyyymmdd 
    * @params: 
    *  date - {String} (YYYY-MM-DD)日期字符串. 
    * @return: 
    *  {int}  yyyymmdd格式日期. 
    */  
   formatSJ: function(sj){  
    var s=sj.substring(0,4);  
    var m=sj.substring(5,7);  
    var n=sj.substring(8,10);  
    //l+k+p;  
    var InsertSJ=s+m+n;  
      return InsertSJ;  
   },  
  /* 
    * @discription: 判断时间逻辑关系, 
    * @params: 
    *  date1 - {String} (YYYY-MM-DD),date2 -{String} (YYYY-MM-DD) 
    * @return: 
    *  true 逻辑正确,false 逻辑不正确 
    */  
   checkStartEnd: function(date1,date2){  
     var s=date1.substring(0,4);  
   var m=date1.substring(5,7);  
   var n=date1.substring(8,10);  
   var startSJ=s+m+n;  
   var y=date2.substring(0,4);  
   var mon=date2.substring(5,7);  
   var da=date2.substring(8,10);  
   var endSJ=y+mon+da;  
       if(startSJ <= endSJ){  
           return true;  
       }else{  
           return false;  
       }  
   },  
    /* 
    * @discription: 得到当前时间并格式化成YYYY-MM-DD, 
    * @params: 
    *   
    * @return:当前日期的格式化字符串 YYYY-MM-DD 
    *   
    */  
getNowFormatDate: function(){  
  var day = new Date();  
  var Year = 0;  
  var Month = 0;  
  var Day = 0;  
  var CurrentDate = "";  
  //初始化时间  
  Year= day.getFullYear();//ie火狐下都可以  
  Month= day.getMonth()+1;  
  Day = day.getDate();   
  CurrentDate += Year + "-";   
  if (Month >= 10 )  
  {  
   CurrentDate += Month + "-";  
  }  
  else  
  {  
   CurrentDate += "0" + Month + "-";  
  }  
  if (Day >= 10 )  
  {  
   CurrentDate += Day ;  
  }  
  else  
  {  
   CurrentDate += "0" + Day ;  
  }  
  return CurrentDate;  
}  
}; 

</script>



原创粉丝点击