JavaScript 时间格式化

旧城等待， 2022-03-18 14:20 251阅读 0赞

### 时间格式化 ###

有的时候，我们需要一定格式的 时间 比如 2017-05-12 08:48 这样的格式。

### **第一种：** ###

function formatDate1(time){
        var date = new Date(time);
    
        var year = date.getFullYear(),
            month = date.getMonth() + 1,//月份是从0开始的
            day = date.getDate(),
            hour = date.getHours(),
            min = date.getMinutes(),
            sec = date.getSeconds();
        var newTime = year + '-' +
            month + '-' +
            day + ' ' +
            hour + ':' +
            min + ':' +
            sec;
        return newTime;
    };

alert(formatDate1(new Date().getTime()));  //2019-2-21 10:37:19

## 前置0 ##

但是这里存在一个问题，就是，我想要的格式应该是 2017-05-12 08:48 在`月、日、时、分、秒` 小于`10`的时候，应该要前置一个`0`。**改进代码**

### **第二种：** ###

function formatDate2(time){
        var date = new Date(time);
    
        var year = date.getFullYear(),
            month = date.getMonth()+1,//月份是从0开始的
            day = date.getDate(),
            hour = date.getHours(),
            min = date.getMinutes(),
            sec = date.getSeconds();
        var newTime = year + '-' +
            (month < 10? '0' + month : month) + '-' +
            (day < 10? '0' + day : day) + ' ' +
            (hour < 10? '0' + hour : hour) + ':' +
            (min < 10? '0' + min : min) + ':' +
            (sec < 10? '0' + sec : sec);
    
        return newTime;
    };

alert(formatDate2(new Date().getTime()));  //2019-02-21 10:39:33

### **第三种：** ###

这下格式对了。但是会不会麻烦了点？我们再试试这种  
一个长度为10 的数组：

var preArr = Array.apply(null,Array(10)).map(function(elem, index) {
            return '0'+index;
        });//开个长度为10的数组 格式为 ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09"]

如果数字在 preArr 中则取 preArr\[i\] 值，否则 就本身的值，如：preArr\[month\] || month。具体实现如下：

function formatDate3(time){
        var date = new Date(time);
    
        var year = date.getFullYear(),
            month = date.getMonth()+1,//月份是从0开始的
            day = date.getDate(),
            hour = date.getHours(),
            min = date.getMinutes(),
            sec = date.getSeconds();
        var preArr = Array.apply(null,Array(10)).map(function(elem, index) {
            return '0'+index;
        });//开个长度为10的数组 格式为 ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09"]
    
        console.log(preArr[9]);
        console.log(preArr[hour]||hour);
        var newTime = year + '-' +
            (preArr[month]||month) + '-' +
            (preArr[day]||day) + ' ' +
            (preArr[hour]||hour) + ':' +
            (preArr[min]||min) + ':' +
            (preArr[sec]||sec);
    
        return newTime;
    };

alert(formatDate3(new Date().getTime()));  //2019-02-21 10:45:54

## 任意设置时间模式 ##

### 第四种（推荐使用） ###

以上，都是按照固定的格式`YY-MM-DD hh:mm:ss`输出的。要是产品突然说，改成`2017年05月12`这种格式，天啦撸，又要改o(╯□╰)o。那我还是写个结构好一些的吧，你们随便玩。

function formatDate(time,format='YY-MM-DD hh:mm:ss'){
        var date = new Date(time);
    
        var year = date.getFullYear(),
            month = date.getMonth()+1,//月份是从0开始的
            day = date.getDate(),
            hour = date.getHours(),
            min = date.getMinutes(),
            sec = date.getSeconds();
        var preArr = Array.apply(null,Array(10)).map(function(elem, index) {
            return '0'+index;
        });//开个长度为10的数组 格式为 ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09"]
    
        var newTime = format.replace(/YY/g,year)
            .replace(/MM/g,preArr[month]||month)
            .replace(/DD/g,preArr[day]||day)
            .replace(/hh/g,preArr[hour]||hour)
            .replace(/mm/g,preArr[min]||min)
            .replace(/ss/g,preArr[sec]||sec);
    
        return newTime;
    };
    
        alert(formatDate(new Date().getTime()));  //2019-02-21 10:45:54
        alert(formatDate(new Date().getTime(),'YY年MM月DD日'));//2019年02月21日
        alert(formatDate(new Date().getTime(),'今天是YY/MM/DD hh:mm:ss'));//今天是2019/02/21 10:49:29

参考文章：

[javascript 时间格式化][javascript]

[Array.apply(null, \{length: 20\})和Array(20)的理解][Array.apply_null_ _length_ 20_Array_20]

**Date --> String**

alert( new Date().toLocaleString() );  //2019/2/21 上午11:03:12
        alert( new Date().toLocaleDateString() );  //2019/2/21
        alert( new Date().toLocaleTimeString() );  //上午11:03:12

转成任意时间模式：使用第四种

** String --> Date**

parse() 方法可解析一个日期时间字符串，并返回 1970/1/1 午夜距离该日期时间的毫秒数。

var date1 = new Date("2019-02-21 10:08:43");
        var date2 = new Date(Date.parse("2019-02-26".replace(/-/g, "/")));
    
        alert( date1 );  //Thu Feb 21 2019 10:08:43 GMT+0800 (中国标准时间)
        alert( date2 );  //Tue Feb 26 2019 00:00:00 GMT+0800 (中国标准时间)
        alert( Date.parse("2019-02-26".replace(/-/g, "/")) );  //1551110400000
        alert( Date.parse("2019-02-26 10:08:43".replace(/-/g, "/")) );  //1551146923000

[javascript]: https://blog.csdn.net/FengNext/article/details/71703160
[Array.apply_null_ _length_ 20_Array_20]: https://www.cnblogs.com/afeihome/p/6750539.html