使用elementUI的Slider 滑块写日期时间选择器表单

可以使用elementUI的DatePicker和TimePicker组件来实现日期时间选择器表单，然后再结合Slider滑块来实现时间的快速选择。

示例代码如下：

<template>
  <div>
    <el-date-picker v-model="date" type="date" placeholder="选择日期"></el-date-picker>
    <el-time-picker v-model="time" placeholder="选择时间"></el-time-picker>
    <el-slider v-model="sliderValue" :min="0" :max="23" :step="1" :show-input="true" :show-tooltip="false"></el-slider>
    <div>选择的日期时间：{{ date }} {{ time }}:{{ sliderValue }}:00</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      date: '',
      time: '',
      sliderValue: 0
    }
  }
}
</script>

在上面的代码中，我们首先使用了DatePicker组件和TimePicker组件来分别选择日期和时间。然后，我们使用了Slider滑块来选择小时数，最后将选择的日期时间展示出来。

需要注意的是，Slider滑块的最小值为0，最大值为23，步长为1，展示方式为输入框形式，同时不显示提示框。