如何设置el-date-picker时间控件

要设置el-date-picker时间控件，您可以按照以下步骤操作：

1. 在Vue组件中导入el-date-picker组件：

import {DatePicker} from 'element-ui';

2. 在模板中使用DatePicker组件：

<el-date-picker
  v-model="date"
  type="datetime"
  :picker-options="pickerOptions">
</el-date-picker>

在上面的代码中，我们将日期值绑定到“date”变量上，使用“datetime”类型来显示日期和时间，指定了“pickerOptions”属性来设置日期控件的选项。

3. 在Vue组件中定义“pickerOptions”选项：

data() {
  return {
    pickerOptions: {
      shortcuts: [{
        text: '最近一周',
        onClick(picker) {
          const end = new Date();
          const start = new Date();
          start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
          picker.$emit('pick', [start, end]);
        }
      }, {
        text: '最近一个月',
        onClick(picker) {
          const end = new Date();
          const start = new Date();
          start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
          picker.$emit('pick', [start, end]);
        }
      }]
    }
  }
}

在上面的代码中，我们定义了两个快捷选项，一个是最近一周，另一个是最近一个月。每个选项都定义了一个“onClick”函数，该函数将日期选择器的值设置为相应的日期范围。

这就是设置el-date-picker时间控件的基本步骤。您可以使用类似的方法来自定义选项，满足您的具体需求。