vue时间格式化的处理方法

**可单独写一个文件导出**
//1， 时间过滤
 const dateFormart= ('dateFormart', function (value, formartStr) {
    
    
    // 1.根据传入的毫秒创建时间对象
    var date = new Date(value)
    // 2.获取年月日
    var year = date.getFullYear()
    var month = date.getMonth() + 1 + ''
    var day = date.getDate() + ''
    var hours = date.getHours() + ''
    var min = date.getMinutes() + ''
    var sec = date.getSeconds() + ''
    // 3.判断需要格式化的格式
    if (formartStr && formartStr.toLowerCase() === 'yyyy-mm-dd') {
    
    
      return `${
      
      year}-${
      
      month.padStart(2, '0')}-${
      
      day.padStart(2, '0')}`
    } else if (formartStr && formartStr.toLowerCase() === 'yy-mm-dd') {
    
    
      return `${
      
      year}.${
      
      month.padStart(2, '0')}.${
      
      day.padStart(2, '0')} ${
      
      hours.padStart(2, '0')}:${
      
      min.padStart(2, '0')}:${
      
      sec.padStart(2, '0')}`
    } else {
    
    
      return `${
      
      year}-${
      
      month.padStart(2, '0')}-${
      
      day.padStart(2, '0')} ${
      
      hours.padStart(2, '0')}:${
      
      min.padStart(2, '0')}:${
      
      sec.padStart(2, '0')}`
    }
    // 3.生成指定的格式
    // return  year +"-"+month+"-"+day+" "+hours+":"+min+":"+sec;
    // return `${year}-${month.padStart(2, "0")}-${day.padStart(2, "0")} ${hours.padStart(2, "0")}:${min.padStart(2, "0")}:${sec.padStart(2, "0")}`;
  })
  export default {
    
    
    dateFormart
  }
 2 **简便写法 直接在源文件使用即可**
   formatTime: function(val) {
    
    
            if (!val) return '- -';
            var date = new Date(val);
            var year = date.getFullYear();
            var month = date.getMonth() + 1;
            month = month < 10 ? '0' + month : month;
            var day = date.getDate();
            day = day < 10 ? '0' + day : day;
            var h = date.getHours();
            h = h < 10 ? '0' + h : h;
            var m = date.getMinutes();
            m = m < 10 ? '0' + m : m;
            return year + '-' + month + '-' + day + ' ' + h + ':' + m;
          }

在main.js全局引入
import filter from './assets/util/util'
// 全局导入时间过滤器
Object.keys(filter).forEach(key => Vue.filter(key, filter[key]))

页面调用

<div class="List-time">
          <span>{
    
    {
    
    item.createTime | dateFormart('yyyy-MM-dd')}}</span>
</div>
最后生成格式//2020-01-01