element-ui使用v-for循环el-form-item 封装一个包含时间选择器和日期选择器的组件

以下是一个简单的示例代码，使用element-ui的DatePicker和TimePicker组件封装了一个包含日期和时间选择器的表单项组件。

<template>
  <el-form-item :label="label">
    <el-date-picker v-model="date" type="date" placeholder="选择日期"></el-date-picker>
    <el-time-picker v-model="time" placeholder="选择时间"></el-time-picker>
  </el-form-item>
</template>

<script>
export default {
  props: ['label'],
  data() {
    return {
      date: '',
      time: ''
    }
  }
}
</script>

在使用时，可以通过v-for循环来动态生成多个表单项组件。

<template>
  <el-form>
    <date-time-picker v-for="(item, index) in items" :key="index" :label="item.label"></date-time-picker>
  </el-form>
</template>

<script>
import DateTimePicker from './DateTimePicker'

export default {
  components: {
    DateTimePicker
  },
  data() {
    return {
      items: [
        { label: '任务开始时间' },
        { label: '任务结束时间' },
        { label: '提醒时间' }
      ]
    }
  }
}
</script>