我爱模板网 > 建站教程 > CSS3+HTML5 >  js new Date() 日期处理方法总结正文

js new Date() 日期处理方法总结

new Date()返回一个日期对象,可以通过这个日期对象处理js中的日期。

语法格式:
1new Date( year, month, date, hrs, min, sec) //按给定的参数创建一日期对象,参数为空返回当前日期
例如:
1new Date() ;     //参数可以为整数; 也可以为字符串; 但格式必须正确 
2new Date(2009,1,1);       //正确 
3new Date("2009/1/1");    //正确 
4new Date("2009-1-1");    //错误
参数说明:  
  year的值为:需设定的年份-1900。例如需设定的年份是1997则year的值应为97,即1997-1900的结果。所以Date中可设定的年份最小为1900;  
  month的值域为0~11,0代表1月,11表代表12月;  
  date的值域在1~31之间;  
  hrs的值域在0~23之间。从午夜到次日凌晨1点间hrs=0,从中午到下午1点间hrs=12;  
  min和sec的值域在0~59之间。  

  例:
1Date day=new Date(11,3,4); 
2//day中的时间为:04-Apr-11 12:00:00 AM
    另外,还可以给出不正确的参数。  
    例:设定时间为1910年2月30日,它将被解释成3月2日。
1Date day=new Date(10,1,30,10,12,34); 
2System.out.println("Day's date is:"+day); 
3//打印结果为:Day's date is:Web Mar 02 10:13:34 GMT+08:00 1910
new Date()获取年月日等:
01var myDate = new Date(); 
02myDate.getYear(); //获取当前年份(2位) 
03myDate.getFullYear(); //获取完整的年份(4位,1970-????) 
04myDate.getMonth(); //获取当前月份(0-11,0代表1月)         // 所以获取当前月份是myDate.getMonth()+1;  
05myDate.getDate(); //获取当前日(1-31) 
06myDate.getDay(); //获取当前星期X(0-6,0代表星期天) 
07myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) 
08myDate.getHours(); //获取当前小时数(0-23) 
09myDate.getMinutes(); //获取当前分钟数(0-59) 
10myDate.getSeconds(); //获取当前秒数(0-59) 
11myDate.getMilliseconds(); //获取当前毫秒数(0-999) 
12myDate.toLocaleDateString(); //获取当前日期 
13var mytime=myDate.toLocaleTimeString(); //获取当前时间 
14myDate.toLocaleString( ); //获取日期与时间
JS获取当前时间戳的方法:
1var timestamp =Date.parse(new Date());    结果:1280977330000       //不推荐; 毫秒改成了000显示
2var timestamp =(new Date()).valueOf();       结果:1280977330748       //推荐;
3var timestamp=new Date().getTime();         结果:1280977330748        //推荐;
    js中单独调用new Date();  显示这种格式  Mar 31 10:10:43 UTC+0800 2012
    但是用new Date() 参与计算会自动转换为从1970.1.1开始的毫秒数  

将字符串形式的日期转换成日期对象
1var strTime="2011-04-16";    //字符串日期格式            
2var date= new Date(Date.parse(strTime.replace(/-/g,  "/")));      //转换成Data();
日期格式转为日期标准字符串:2015-03-19
1var formatDate = function (date) { 
2    var y = date.getFullYear();
3    var m = date.getMonth() + 1;
4    m = m < 10 ? '0' + m : m;
5    var d = date.getDate();
6    d = d < 10 ? ('0' + d) : d;
7    return y + '-' + m + '-' + d;
8};
js方法返回值:2015-03-19 12:00:00
01var formatDateTime = function (date) { 
02    var y = date.getFullYear(); 
03    var m = date.getMonth() + 1; 
04    m = m < 10 ? ('0' + m) : m; 
05    var d = date.getDate(); 
06    d = d < 10 ? ('0' + d) : d; 
07    var h = date.getHours(); 
08    h=h < 10 ? ('0' + h) : h; 
09    var minute = date.getMinutes(); 
10    minute = minute < 10 ? ('0' + minute) : minute; 
11    var second=date.getSeconds(); 
12    second=second < 10 ? ('0' + second) : second; 
13    return y + '-' + m + '-' + d+' '+h+':'+minute+':'+second; 
14};
    调用:
1formatDate(Date())
时间戳转为日期格式
01//时间戳转日期格式 
02var formatDateTime3 = function(time, format){ 
03  var t = new Date(time); 
04  var tf = function(i){return (i < 10 ? '0' : '') + i}; 
05  return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function(a){ 
06      switch(a){ 
07          case 'yyyy'
08              return tf(t.getFullYear()); 
09              break
10          case 'MM'
11              return tf(t.getMonth() + 1); 
12              break
13          case 'mm'
14              return tf(t.getMinutes()); 
15              break
16          case 'dd'
17              return tf(t.getDate()); 
18              break
19          case 'HH'
20              return tf(t.getHours()); 
21              break
22          case 'ss'
23              return tf(t.getSeconds()); 
24              break
25      
26  }) 
27};
时间格式字符串转为时间戳(毫秒)
1var time1=‘2016-01-01 17:22:37’; 
2var date=new Date(time1.replace(/-/g, '/'));  //开始时间 
3var time2=date.getTime();
如何将2015-03-12 12:00 转换成标准时间格式:
1// 调用:parserDate("2015-03-19 12::00:00")
2var parserDate = function (date) { 
3    var t = Date.parse(date); 
4    if (!isNaN(t)) { 
5        return new Date(Date.parse(date.replace(/-/g, "/"))); 
6    } else
7        return new Date(); 
8    
9};



部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:HTML 5 canvas lineCap 属性 下一篇:HTML5 canvas clearRect() 方法
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢