2

我正在使用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);
});

我怎样才能做到这一点 ？

4

1 回答 1

1

这个插件没有这个选项，这意味着作者没有提供制作它的选项，disable但你可以通过一个简单的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" />

于 2018-03-12T11:13:26.010 回答