vue2实现滑动时间选择器效果

要实现滑动时间选择器效果，可以使用vue2的第三方组件库，比如`vue-mobile-datetime-picker`。以下是一个简单的实现示例。

首先，安装`vue-mobile-datetime-picker`：

npm install vue-mobile-datetime-picker --save

然后在需要使用时间选择器的组件中引入该组件：

import DatetimePicker from 'vue-mobile-datetime-picker';

在该组件的`data`中定义需要选择的时间变量，以及时间选择器的配置项：

data() {
  return {
    selectedTime: '', // 选中的时间
    timePickerOptions: {
      type: 'time', // 时间选择模式
      hourRange: {
        start: 0,
        end: 23
      }, // 小时范围
      minuteRange: {
        start: 0,
        end: 59
      }, // 分钟范围
      valueFormat: 'HH:mm', // 时间格式
      confirmText: '确定', // 确认按钮文本
      cancelText: '取消' // 取消按钮文本
    }
  }
}

在模板中使用`DatetimePicker`组件，并传入相应的参数：

<datetime-picker
  v-model="selectedTime"
  :picker-options="timePickerOptions"
  @change="onTimeChange">
</datetime-picker>

其中，`v-model`绑定选中的时间变量，`:picker-options`传入时间选择器的配置项，`@change`监听时间变化事件。

最后在`methods`中定义时间变化事件的处理方法：

methods: {
  onTimeChange(val) {
    console.log('选中的时间：', val);
  }
}

这样就可以实现一个简单的滑动时间选择器效果了。