el-time-picke is-ranger的基本使用

el-time-picker 是 Element UI 框架中的一个时间选择器组件，而 is-range 则是指该时间选择器作为范围选择器使用的一种模式。

基本使用 el-time-picker 组件时，你需要在 Vue 组件中引入该组件，并在模板中使用它。下面是一个基本的示例：

<template>
  <div>
    <el-time-picker
      v-model="time"
      placeholder="选择时间"
    ></el-time-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      time: ''
    };
  }
};
</script>

在上面的示例中，我们创建了一个 el-time-picker 组件，并使用 v-model 指令将选中的时间绑定到 data 中的 time 变量上。通过设置 placeholder 属性，我们可以为时间选择器设置一个占位符。

如果你想使用 el-time-picker 作为范围选择器，可以通过设置 is-range 属性来实现。下面是一个示例：

<template>
  <div>
    <el-time-picker
      v-model="timeRange"
      is-range
      range-separator="至"
      start-placeholder="开始时间"
      end-placeholder="结束时间"
    ></el-time-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      timeRange: []
    };
  }
};
</script>

在上面的示例中，我们设置了 is-range 属性来指定 el-time-picker 为范围选择器。通过设置 range-separator 属性，我们可以定义时间范围的分隔符。同时，我们还设置了 start-placeholder 和 end-placeholder 属性来分别为开始时间和结束时间设置占位符。

这样，你就可以基本使用 el-time-picker 和 is-range 来实现时间选择和时间范围选择的功能了。希望对你有帮助！如果还有其他问题，请随时提问。