elementui日期时间选择框自定义组件

在Vue.js中使用Element UI时，您可以通过组合现有的组件来创建自定义日期时间选择框。以下是一个简单的自定义日期时间选择框的例子：

<template>
  <el-date-picker
    v-model="dateTime"
    type="datetime"
    placeholder="选择日期时间"
    :default-time="defaultTime"
    value-format="yyyy-MM-dd HH:mm:ss"
    @change="handleDateTimeChange"
  ></el-date-picker>
</template>
 
<script>
export default {
  data() {
    return {
      dateTime: '',
      defaultTime: '12:00:00'
    };
  },
  methods: {
    handleDateTimeChange(value) {
      // 处理日期时间改变的逻辑
      console.log('Selected DateTime:', value);
    }
  }
};
</script>

在这个例子中，我们使用了Element UI的<el-date-picker>组件，并通过设置type属性为datetime来选择日期和时间。我们还设置了一个默认时间default-time，并监听了change事件来处理日期时间的改变。这个组件可以根据您的具体需求进行扩展和定制。