el-date-picker设置30分钟步长

el-date-picker是Element UI库中的一个日期选择器组件，可以用于选择日期和时间。要设置30分钟的步长，可以使用它的属性`picker-options`来实现。

首先，你需要在el-date-picker标签上添加`picker-options`属性，并将其值设置为一个对象。在这个对象中，你可以使用`selectableRange`属性来指定可选的时间范围，并使用`step`属性来设置步长。

下面是一个示例代码，展示如何设置el-date-picker的步长为30分钟：

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

<script>
export default {
  data() {
    return {
      date: '',
      pickerOptions: {
        selectableRange: '00:00:00 - 23:59:59',
        step: '00:30:00'
      }
    };
  }
};
</script>

在上面的代码中，我们将`type`属性设置为"datetime"，以便选择日期和时间。然后，在`pickerOptions`对象中，我们将`selectableRange`属性设置为"00:00:00 - 23:59:59"，表示可选的时间范围是从0点到23点59分59秒。最后，我们将`step`属性设置为"00:30:00"，表示步长为30分钟。

这样设置后，el-date-picker将以30分钟的间隔显示可选的时间。