时间格式转换方法

将 毫秒级 转换为 年月份

1.函数转换

function dateFormat(timestamp) {
    var date = new Date(timestamp );	//时间戳为10位需*1000，时间戳为13位的话不需乘1000
    var Y = date.getFullYear() + '-';
    var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
    var D = date.getDate() + ' ';
    var h = date.getHours() + ':';
    var m = date.getMinutes() + ':';
    var s = date.getSeconds() + ':';
    var ms= date.getMilliseconds()
    return Y+M+D+h+m+s+ms;
}
console.log(dateFormat(new Date()))  
// 输出：2019-01-14 11:05:30:555

2.vue过滤器

Vue.filter('dateFormat', function (timestamp) {
  var date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
  var Y = date.getFullYear() + '-';
  var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
  var D = date.getDate() + ' ';
  return Y + M + D;
})
//使用：{{ time | dateFormat }}

3.moment日期插件

$ npm install moment --save

import moment from 'moment'
Vue.filter('dateFormat', function(dataStr,pattern="YYYY-MM-DD hh:mm:ss"){
	return moment(dataStr).format(pattern);
})
//使用：{{ time | dateFormat }}

4.elementui表格列表中使用

添加绑定 formatter 数据格式化事件

<el-table :data="tableData" >
            <el-table-column prop="stuId" label="学号"></el-table-column>
            <el-table-column prop="name" label="姓名"></el-table-column>
            <el-table-column prop="time" label="时间" :formatter="dateFormat"></el-table-column>
</el-table>
methods: {
    //列表日期格式
    dateFormat(row, column, cellValue){
      var date = new Date(cellValue);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
      var Y = date.getFullYear() + '-';
      var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
      var D = date.getDate() + ' ';
      return Y + M + D;
    }
}