javascript - 当 jQuery 时间选择器中的 addSliderAccess 为 true 时，如何解决闪烁问题？

Question

我正在使用 jquery-ui-timepicker-addon v1.6.3。

我需要允许显示滑块控制按钮（+、-）。

当我选择一个日期时，滑块面板会闪烁。

$("#datetime_input_1").datetimepicker({
  dateFormat: "yy-mm-dd",
  timeFormat: "hh:mm:ss"
});
$("#datetime_input_2").datetimepicker({
  dateFormat: "yy-mm-dd",
  timeFormat: "hh:mm:ss",
  addSliderAccess: true,
  sliderAccessArgs: {
    touchonly: false
  }
});

.parent {
  display: flex;
  width: 100%;
}

<!-- Imports -->
<script src="https://getfirebug.com/firebug-lite-debug.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link href="https://code.jquery.com/ui/1.11.4/themes/south-street/jquery-ui.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.js"></script>
<script src="http://trentrichardson.com/examples/timepicker/jquery-ui-sliderAccess.js"></script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.css" rel="stylesheet" />


<div class="parent">
  <div class="form-control" id="datetime_input_1"></div>
  <div class="form-control" id="datetime_input_2"></div>
</div>

这是所有者提供的示例。

如何解决这个闪烁的问题？

标签： javascriptjquery