timepicker.js-在某些情况下，时间选择器的位置错误

Question

我正在使用timepicker.js库来选择时间。单击输入时，应该在输入字段旁边显示时间选择器。如果输入位于文档的主视图中，则它的工作原理与预期的一样。如果输入位于较低的位置（我们需要滚动以查看它），然后单击它，则在主视图页面中，时间选择器显示为较高的位置。

预期的行为：

向下滚动后输入的行为：

在第二种情况下，我也想在输入字段旁边设置时间选择器，就像在第一种情况下一样。

index.html：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <input type="text" id="time1" placeholder="Time" />
    <div style="height: 70rem;"></div>
    <input type="text" id="time2" placeholder="Time" value="18:00" />
    <div style="height: 70rem;"></div>
  </body>
  <link
    href="//cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.css"
    rel="stylesheet"
  />
  <script src="//cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.js"></script>
  <script src="./index.js"></script>
</html>
index.js：

var time1 = document.getElementById("time1");
var time2 = document.getElementById("time2");
var timepicker = new TimePicker(["time1", "time2"], {
  lang: "en"
});

timepicker.on("change", function(evt) {
  var value = (evt.hour || "00") + ":" + (evt.minute || "00");
  evt.element.value = value;
});

我正在使用timepicker.js库来选择时间。单击输入时，应该在输入字段旁边显示时间选择器。如果输入位于文档的主视图中，则它的工作原理与预期的一样。如果输入是...

Answer 1

看起来像样式/ css将位置设置为绝对，而不是与文本框控件或区域相关。我将加载F12开发工具，并在日期选择器周围查看CSS，以查看是否有任何类或样式被覆盖，即位置值或顶部/底部等...

timepicker.js-在某些情况下，时间选择器的位置错误

问题描述投票：0回答：1

1个回答

最新问题

timepicker.js-在某些情况下，时间选择器的位置错误

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1