正在加载中...

已解决:javascript怎样使用正则表达式格式化日期字符串和日期对象?

已解决:javascript怎样使用正则表达式格式化日期字符串和日期对象?

我们在前端开发时常常需要格式化日期字符串,关于javascript日期格式化函数,网上有不少的版本,通常是比较复杂的分段拆分,然后再重组成想要的格式。这里万维景盛工程师为大家分享通过通配符来格式化日期的javascript函数,希望对大家有帮助。

通常,从服务器(如C#代码)得到的一个日期对象的格式可能为 :

2014-04-04T13:04:46.187

 

在展显给用户时,可能只需要显示日期部分,如:

2014年4月4日

 

不少资料介绍JavaScript的日期格式化,会直接把日期字符串转换成JavaScript的日期对象,如:

new Date("2014-04-04T13:04:46.187") //有可能提示Invalid Datenew Date("2014年04月04日") //有可能提示Invalid Date

经测试,同样的字符串,在公司的电脑上转换时提示Invalid Date,在家里的电脑上又成功。是不是因为跟电脑系统环境有关?有待考究。

 

通常,日期的格式不外乎就那几种,何尝不用正则表达式?想到就动手,日期匹配的正则表达式如下(支持中文):

/^([0-9]{4})[-/\.年]([0-1]?[0-9]{1})[-/\.月]([0-3]?[0-9]{1})[日]?.?([0-2]?[0-9](:[0-6][0-9]){2})?/

如果输入前面的日期格式,得到的效果如下,也许有人会奇怪,为什么把日期分组那么多个呢?后面有用到的:) 

 

最后附上完整的代码:

function getDateStr(value, formatStr) {
       formatStr = formatStr|| “yyyy-MM-dd”; //默认格式
            var dateReg = /^([0-9]{4})[-/\.年]([0-1]?[0-9]{1})[-/\.月]([0-3]?[0-9]{1})[日]?.?([0-2]?[0-9](:[0-6][0-9]){2})?/;
            var arr = dateReg.exec(value);
            if (arr && arr[0]) {
                if (formatStr) {
                    var subReg = /y+(.)M+(.)d+(.)?/i;
                    var subArr = subReg.exec(formatStr);
                    if (subArr) {
                        var resStr = arr[1] + subArr[1];
                        resStr += arr[2] + subArr[2];
                        resStr += arr[3] + (subArr[3] || "");
                        return resStr;
                    }
                }
                return arr[0];
            }
            return "";
        }

调用:

var a1=  getDateStr("2014-4-17 21:36:01","yyyy年MM月dd日") //2014年4月17日var a2=  getDateStr("2014-4-17T21:36:01")//默认格式 2014-4-17

 

注:getDateStr 暂不支持直接传一个javascript Date对象参数,不过要扩充也容易,在转换前做一下value的类型判断然后调用Date里面javascript自身的方法就行了。这里就不多说了。

 



返回上一页