Vue.js 中使用 el-table-column 展示格式化时间

在 Vue 的模板中，可以使用双花括号插值语法 {{ }} 来绑定数据，并在其中调用方法进行数据转化。在你的代码中，可以将 prop 的绑定值改为 timeChange(RecordTime)，如下所示：

<el-table-column label='时间' :prop='timeChange(RecordTime)'>
</el-table-column>

这样就会将 RecordTime 作为参数传递给 timeChange 方法，并将返回的转化后的值作为 prop 的绑定值。

以下是 timeChange 方法的示例代码：

function timeChange(dateString) {
  // 创建一个新的 Date 对象
  var date = new Date(dateString);

  // 使用日期方法获取年、月、日、小时、分钟和秒
  var year = date.getFullYear();
  var month = ('0' + (date.getMonth() + 1)).slice(-2); // 月份从 0 开始，需要加 1 并补零
  var day = ('0' + date.getDate()).slice(-2); // 补零
  var hours = ('0' + date.getHours()).slice(-2); // 补零
  var minutes = ('0' + date.getMinutes()).slice(-2); // 补零
  var seconds = ('0' + date.getSeconds()).slice(-2); // 补零

  // 格式化日期
  var formattedDate = year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds;
  return formattedDate;
}

注意：

• RecordTime 需要是包含日期字符串的变量。
• timeChange 方法需要在你的 Vue 组件中定义。
• 如果你需要其他格式的日期，可以根据你的需求修改 timeChange 方法中的格式化代码。