javascript - jQuery 时钟输入 : Disable Clock Time Picker

Question

我正在使用 jQuery clockInput: Clock Time Picker 我想要的是在某些情况下我不需要设置时间，所以在那种情况下我想禁用时间选择并设置默认时间我设置了。

这是我使用的链接 https://www.jqueryscript.net/time-clock/Clock-Time-Input-Plugin-jQuery-clockInput.html

时钟的简单代码:

$(document).ready(function() {
   $("input[type=time]").clockInput(false);
});

我该怎么做？

Answer 1

这个没有这样的选项plugin ，这意味着作者没有提供使其禁用的选项，但您可以通过简单的css 属性自行完成。只需设置 data-disabled="disabled" 属性即可。

$(document).ready(function() {
  $("input[type=time]").clockInput(false);
});

input[data-disabled="disabled"]+.jq-ci {
  pointer-events: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://www.jqueryscript.net/demo/Clock-Time-Input-Plugin-jQuery-clockInput/jquery.clockinput.js"></script>
<link href="https://www.jqueryscript.net/demo/Clock-Time-Input-Plugin-jQuery-clockInput/jquery.clockinput.css" rel="stylesheet" />
<input type="time" data-disabled="disabled" value="14:30:00" />