vue中将日期转换为指定的格式

柔情只为你懂 2021-09-13 17:50 609阅读 0赞

# vue中将日期转换为指定的格式： #

## 方案一： ##

这个方法是我觉得特别好用的：  
写一个转换日期的方法，直接使用就可以

//时间格式化函数，此处仅针对yyyy-MM-dd hh:mm:ss 的格式进行格式化
    dateFormat:function(time) { 
        var date=new Date(time);
        var year=date.getFullYear();
        /* 在日期格式中，月份是从0开始的，因此要加0
         * 使用三元表达式在小于10的前面加0，以达到格式统一  如 09:11:05
         * */
        var month= date.getMonth()+1<10 ? "0"+(date.getMonth()+1) : date.getMonth()+1;
        var day=date.getDate()<10 ? "0"+date.getDate() : date.getDate();
        var hours=date.getHours()<10 ? "0"+date.getHours() : date.getHours();
        var minutes=date.getMinutes()<10 ? "0"+date.getMinutes() : date.getMinutes();
        var seconds=date.getSeconds()<10 ? "0"+date.getSeconds() : date.getSeconds();
        // 拼接
        return year+"-"+month+"-"+day+" "+hours+":"+minutes+":"+seconds;
    }

使用的时候，直接调用：

{ { dateFormat(create_time)}}
    this.dateFormat(new Date())

结果：  
![在这里插入图片描述][20201216160953921.png]

## 方案二： ##

vue中使用moment格式转换日期：
    
    　　1)先安装moment包：npm install moment
    
    　　2)在组件中引入moment: import moment from "moment"
    
    　　3)在组件中使用：let str = moment(new Date()).format("YYYY-MM-DD hh:mm:ss") //  2018-04-24 09:55:40

但是这个会有一点问题就是：  
下午的时间，还是1、2、3这种的  
例如：  
下午时间  
2019-1-1 01:10:10

大家根据需求选择合适的

[20201216160953921.png]: /images/20210913/cdaa0f5b0e47498b85dcea75520f7f8e.png