• 技术文章 >web前端 >js教程

    javascript日期对象格式化为字符串的实现方法_javascript技巧

    2016-05-16 17:03:54原创735

    javascript提供的日期格式化太简单,一般应用都需要自己实现格式化方法.下面是我想出的一个格式化处理方案,应该是可以满足常用的需求.日期模板中可以使用任意分隔符,还可以使用文字作为分隔符,甚至支持类似yyyyMMdd之类没有分隔符的格式化.

    原理:用正则表达式将日期模板中的日期元素[如yyyy, MM, dd]和分隔符拆分成数组,然后用实际的值替换日期元素形成日期字符串.

    实现共有两个函数,粘贴可运行.

    扩展方式:

    示例中只支持了年月日时分秒毫秒的元素,如果需要显示星期则可以在values中添加w = getDay(),将正则表达式修改为y+|M+|d+|H+|m+|s+|S+|w+|[^yMdHmsSw]/g即可.

    如果需要将月份或星期显示为全拼或简拼英文,可以在cfg中增加相应配置,我只在cfg中增加了一个示例

    使用方式:

    var date = new Date();
    var str = formatDate(date, 'yyyy年MMM月dd日');
    则str的值为2012年七月29日

    复制代码 代码如下:

    /**
    * 格式化整数
    * @param number:number 要格式化的整数
    * @param fmt:string 整数格式
    */
    function formatNumber(number, fmt) {
    number = number + '';
    if (fmt.length > number.length) {
    return fmt.substring(number.length) + number;
    }
    return number;
    }

    /**
    * 格式化日期为字符串表示
    * @param datetime:Date 要格式化的日期对象
    * @param format:String 日期格式
    */
    function formatDate(datetime, format) {
    var cfg = {
    MMM : ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二'],
    MMMM : ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二']
    },
    values = {
    y : datetime.getFullYear(),
    M : datetime.getMonth(),
    d : datetime.getDate(),
    H : datetime.getHours(),
    m : datetime.getMinutes(),
    s : datetime.getSeconds(),
    S : datetime.getMilliseconds()
    };
    /*用正则表达式拆分日期格式各个元素*/
    var elems = format.match(/y+|M+|d+|H+|m+|s+|S+|[^yMdHmsS]/g);
    //将日期元素替换为实际的值
    for (var i = 0; i < elems.length; i++) {
    if (cfg[elems[i]]) {
    elems[i] = cfg[elems[i]][values[elems[i].charAt(0)]];
    } else if (values[elems[i].charAt(0)]) {
    elems[i] = formatNumber(values[elems[i].charAt(0)], elems[i].replace(/./g, '0'));
    }
    }

    return elems.join('');
    }

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:js导出txt示例代码_javascript技巧 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • Node学习之如何最小化堆分配和防止内存泄漏• 深入解析JWT(JSON Web Token)的原理及用法• 聊聊Node项目中怎么操作MySQL• 聊聊Node.js中怎么用async函数• react native路由跳转怎么实现
    1/1

    PHP中文网