el-table-column日期格式显示

el-table-column日期格式显示可以通过设置formatter属性来实现。在formatter属性中，可以绑定一个日期格式化的方法，对表格某一列的日期数据进行格式化显示。具体代码如下所示：

<code>
<el-table-column prop="date" label="日期" :formatter="formatDate"></el-table-column>
</code>

其中，formatDate是一个自定义的方法，用于将日期数据进行格式化。在该方法中，可以使用JavaScript的Date对象将日期数据转换为特定的格式。例如，以下是一个示例的方法：

<code>
formatDate(row, column) {
let data = row[column.property];
if (data == null) {
return null;
}
let dt = new Date(data);
return dt.getFullYear() + '-' + (dt.getMonth() + 1) + '-' + dt.getDate();
}
</code>

以上代码将日期数据格式化为"年-月-日"的格式。

相关问题

el-table-column 日期设置格式

el-table-column中的日期格式可以通过在模板中使用过滤器来设置。在你提供的代码中，可以看到使用了一个名为"dateChage"的过滤器来格式化日期。你可以在Vue实例中定义这个过滤器，例如:

filters: {
  dateChange(date) {
    // 在这里定义你的日期格式化逻辑
    return date; // 这里只是一个示例，你需要根据具体的日期格式进行实现
  }
}

然后，在el-table-column的模板中使用这个过滤器来格式化日期，例如:

<af-table-column label="创建时间">
  <template slot-scope="scope">
    {{ scope.row.addtime | dateChange }}
  </template>
</af-table-column>

请注意，上述代码中的"dateChange"需要根据你实际定义的过滤器名称进行调整。你可以根据自己的需求来定义适合的日期格式化逻辑。

el-table el-column selection disable

要禁用 Element UI 中的表格（el-table）中的某个列（el-column）的选择功能，可以在该列的配置中添加一个 `type` 属性，并将其设置为 `"selection-disabled"` 。示例如下：

<el-table :data="tableData">
  <el-table-column type="selection"></el-table-column>
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
  <el-table-column type="selection-disabled" label="Disable Selection"></el-table-column>
</el-table>

在上面的示例中，第三个列被设置为 `type="selection-disabled"` ，这样就禁用了该列的选择功能。