Javascript 计时器选择器：如何使用键盘更改时间

我正在使用boostrap计时器选择器：

我输入了以下代码：

            <b-form-timepicker
              v-model="timeSlot.timeStart"
              minutes-step="15"
              @input="getCurrentTime(timeSlot)"
            ></b-form-timepicker>

---

我找不到一种可以让我通过电脑键盘更改时间的方法。文档说明如下：

始终以“HH:mm:ss”格式返回字符串，该格式与本机浏览器控件返回的格式相同。该值的范围为“00:00:00”到“23:59:59”（使用“h23”小时周期语法的24小时时钟）。如果未选择时间，则返回空字符串（“”）

因此，您需要实现一些只通过键盘编辑

timeslot.timeStart

中的值的功能。举个简单的例子，您可以添加另一个简单的

input

-字段，并将其

timeslot.timeStart

作为v型

如果您更改

输入

-字段中的值或以其他方式更改，您应该会看到您的

b-form-timepicker

发生更改。理解了这一点后，应该可以很容易地实现一些基本事件处理程序，它可以根据键盘输入更改

时隙.timeStart

，同时聚焦

b-form-timepicker

您可以在文档中找到这方面的示例：

---

文件说明如下：

始终以“HH:mm:ss”格式返回字符串，该格式与本机浏览器控件返回的格式相同。该值的范围为“00:00:00”到“23:59:59”（使用“h23”小时周期语法的24小时时钟）。如果未选择时间，则返回空字符串（“”）

因此，您需要实现一些只通过键盘编辑

timeslot.timeStart

中的值的功能。举个简单的例子，您可以添加另一个简单的

input

-字段，并将其

timeslot.timeStart

作为v型

如果您更改

输入

-字段中的值或以其他方式更改，您应该会看到您的

b-form-timepicker

发生更改。理解了这一点后，应该可以很容易地实现一些基本事件处理程序，它可以根据键盘输入更改

时隙.timeStart

，同时聚焦

b-form-timepicker

您可以在文档中找到这方面的示例：

---

您可以仅使用

按钮

模式，并在键入时间的位置添加输入：

    <b-input-group class="mb-3">
      <b-form-input
        id="example-input"
        v-model="timeSlot.timeStart"
        type="text"
        placeholder="HH:mm:ss"
      ></b-form-input>
      <b-input-group-append>
        <b-form-timepicker
          v-model="timeSlot.timeStart"
          button-only
          right
          show-seconds
          locale="en"
          aria-controls="example-input"
        ></b-form-timepicker>
      </b-input-group-append">
    </b-input-group>

您可以仅使用
按钮
模式，并在键入时间的位置添加输入：

    <b-input-group class="mb-3">
      <b-form-input
        id="example-input"
        v-model="timeSlot.timeStart"
        type="text"
        placeholder="HH:mm:ss"
      ></b-form-input>
      <b-input-group-append>
        <b-form-timepicker
          v-model="timeSlot.timeStart"
          button-only
          right
          show-seconds
          locale="en"
          aria-controls="example-input"
        ></b-form-timepicker>
      </b-input-group-append">
    </b-input-group>


你想在不使用上下箭头的情况下输入时间吗？没错，我想用键盘上的数字来写时间。你想在不使用上下箭头的情况下输入时间吗？没错，我想用键盘上的数字来写时间