el-time-select如何展示datetime数据

`el-time-select` 是 Element UI 提供的一个日期时间选择组件，在 Vue 中可以用于让用户选择特定的时间点。如果你想要展示 datetime 数据，首先需要获取到包含日期和时间的对象，例如：

let datetimeData = {
  date: '2023-04-01', // 日期部分，格式通常是 yyyy-MM-dd
  time: '14:30:00', // 时间部分，格式通常是 HH:mm:ss
};

// 创建时间选择元素并绑定数据
<el-time-select v-model="datetimeData.time" placeholder="请选择时间"></el-time-select>
<el-date-picker v-model="datetimeData.date" type="date" placeholder="请选择日期"></el-date-picker>

// 在你的Vue实例中更新值
data() {
  return {
    datetimeData: {}
  }
}

在这个例子中，`v-model` 属性绑定了 `datetimeData` 对象的 `time` 和 `date` 属性，用户的选择会实时更新到对应的变量上。

如果你想一次性显示完整的时间日期，可以创建一个计算属性，将两个部分组合起来：

computed: {
  formattedDateTime() {
    return `${this.datetimeData.date} ${this.datetimeData.time}`;
  }
},
template: `
  <div>{{ formattedDateTime }}</div>
  <!-- 其他时间选择组件... -->
`