分享

javascript中如何将字符串转化成日期&&日期格式化方法

 LibraryPKU 2013-11-01

VBScript 中,通过 CDate 可以轻松将字符串类型的日期转化成日期类型的日期。

在 JS 中,就没有那么轻松了。

其中有一种方法是:Date.parse(dateVal),此函数功能强大,但是有个致命的缺点,那就是不支持我们常用的“年-月-日”格式,短日期可以使用“/”或“-”作为日期分隔符,但是必须用月/日/年的格式来表示,例如"7/20/96"。

另一种方法是使用 split,比如:
var dtStr = "2006-11-25";
var dtArr = dtStr.split("-");
var dt = new Date(dtArr[0], dtArr[1], dtArr[2]);

但这种方法较为死板,要求固定的日期格式,只有在没有办法的情况下才用。

如果我们可以将年月日拆分开,就尽量将其拆开,比如 ASP 分别输出年月日。然后用 new Date 来处理,返回的便是日期类型。

 

 

日期格式化

  1. <script language="javascript" type="text/javascript"><!--  
  2. /**   
  3.  * 对Date的扩展,将 Date 转化为指定格式的String   
  4.  * 月(M)、日(d)、12小时(h)、24小时(H)、分(m)、秒(s)、周(E)、季度(q) 可以用 1-2 个占位符   
  5.  * 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)   
  6.  * eg:   
  7.  * (new Date()).pattern("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423   
  8.  * (new Date()).pattern("yyyy-MM-dd E HH:mm:ss") ==> 2009-03-10 二 20:09:04   
  9.  * (new Date()).pattern("yyyy-MM-dd EE hh:mm:ss") ==> 2009-03-10 周二 08:09:04   
  10.  * (new Date()).pattern("yyyy-MM-dd EEE hh:mm:ss") ==> 2009-03-10 星期二 08:09:04   
  11.  * (new Date()).pattern("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18   
  12.  */    
  13. Date.prototype.pattern=function(fmt) {     
  14.     var o = {     
  15.     "M+" : this.getMonth()+1, //月份     
  16.     "d+" : this.getDate(), //日     
  17.     "h+" : this.getHours()%12 == 0 ? 12 : this.getHours()%12, //小时     
  18.     "H+" : this.getHours(), //小时     
  19.     "m+" : this.getMinutes(), //分     
  20.     "s+" : this.getSeconds(), //秒     
  21.     "q+" : Math.floor((this.getMonth()+3)/3), //季度     
  22.     "S" : this.getMilliseconds() //毫秒     
  23.     };     
  24.     var week = {     
  25.     "0" : "\u65e5",     
  26.     "1" : "\u4e00",     
  27.     "2" : "\u4e8c",     
  28.     "3" : "\u4e09",     
  29.     "4" : "\u56db",     
  30.     "5" : "\u4e94",     
  31.     "6" : "\u516d"    
  32.     };     
  33.     if(/(y+)/.test(fmt)){     
  34.         fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));     
  35.     }     
  36.     if(/(E+)/.test(fmt)){     
  37.         fmt=fmt.replace(RegExp.$1, ((RegExp.$1.length>1) ? (RegExp.$1.length>2 ? "\u661f\u671f" : "\u5468") : "")+week[this.getDay()+""]);     
  38.     }     
  39.     for(var k in o){     
  40.         if(new RegExp("("+ k +")").test(fmt)){     
  41.             fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));     
  42.         }     
  43.     }     
  44.     return fmt;     
  45. }   
  46.   
  47. var date = new Date();  
  48. window.alert(date.pattern("yyyy-MM-dd hh:mm:ss"));  
  49. // --></script> 

 

 

博主述:这段代码在项目里跑了下,代码如下

   var i=1;
        var dtArr = ("2009-7-6").split("-");
        var stateDate=new Date(dtArr[0], dtArr[1], dtArr[2]);
        var month=stateDate.getMonth()+i; //得到月份
        stateDate.setMonth(month);
        dtsProbationerEndDate.val(stateDate.format("yyyy-MM-dd"));

 

发现有个问题就是为了避免日期出现0月份,所以进行了this.getMonth()+1,在下面会遇到显示时间为2009-9-6,正确显示应为2009-8-6,故修改了下调用代码如下:


        var dtArr = (lblProbationerStartDate.text()).split("-");
        var stateDate=new Date(dtArr[0], dtArr[1], dtArr[2]);
        month=stateDate.getMonth()+i-1; //得到月份
        stateDate.setMonth(month);
        dtsProbationerEndDate.val(stateDate.format("yyyy-MM-dd"));

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约