vue2包括年、月、日、时、分、秒的时间选择器

你可以使用 `vue-datetime` 插件来实现包括年、月、日、时、分、秒的时间选择器。以下是使用步骤：

1. 安装 `vue-datetime` 插件：

npm install vue-datetime --save

2. 在需要使用的组件中引入 `vue-datetime`：

import Datetime from 'vue-datetime';
import 'vue-datetime/dist/vue-datetime.css';

Vue.use(Datetime);

3. 在模板中使用 `datetime` 组件：

<datetime v-model="selectedDate" type="datetime" format="YYYY-MM-DD HH:mm:ss"></datetime>

其中，`v-model` 绑定的是选中的日期时间值，`type` 属性可以设置选择器的类型，包括 `date`（日期选择器）、`time`（时间选择器）、`datetime`（日期时间选择器）三种类型，`format` 属性可以设置日期时间格式。

4. 样式自定义

你可以通过 CSS 样式自定义日期时间选择器。例如，以下是一个简单的样式示例：

.vue-datetime {
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
  color: #333;
}

.vue-datetime input {
  width: 100%;
  height: 36px;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  outline: none;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
}

.vue-datetime .picker {
  position: absolute;
  z-index: 99;
  width: 100%;
  margin-top: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.vue-datetime .picker .picker__body {
  padding: 10px;
}

.vue-datetime .picker .picker__list {
  display: flex;
  justify-content: center;
  align-items: center;
}

.vue-datetime .picker .picker__list .picker__item {
  font-size: 16px;
  color: #333;
  text-align: center;
  width: 80px;
  height: 60px;
  line-height: 60px;
  flex-shrink: 0;
  cursor: pointer;
  user-select: none;
}

.vue-datetime .picker .picker__list .picker__item.picker__item--selected {
  color: #fff;
  background-color: #333;
}

以上就是使用 `vue-datetime` 实现包括年、月、日、时、分、秒的时间选择器的简单步骤，你可以根据自己的需要进行进一步的样式和功能定制。