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 没有这样的选项，这意味着作者没有提供选项来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" />

jQuery clockInput：禁用时钟时间选择器

1 个答案: