Question

我在下面有xsl文件：

<td class="field" width="20%">
<input id="starttime" name="starttime" class="easyui-timespinner" style="width:80px;" required="required" data-options="min:'08:30',showSeconds:false" />
</td>

如何选择选项时如何禁用或隐藏时间微调器？

Answer 1

您似乎忘记在选项选择器中添加，但这通常是通过添加隐藏的＆＃39;来处理的。 css课

https://jsfiddle.net/9g1L5f64/

JS

document.getElementById('mySelect').addEventListener('change', function hideSpinner(){
    document.getElementById('spinner').classList.add('hidden');
})

CSS

.hidden{
  display:none;
}

Answer 2

不确定这是你想要的但是这里有。我不知道你如何识别选项被选中，但是当你这样做时，可以调用Javascript函数来隐藏它。像

这样的东西

<script>
function hideSpinner() {
    document.getElementById('starttime').style.display = 'none';
}
</script>

您也可以设置可见性，但结果基本相同：

<script>
function hideSpinner() {
    document.getElementById('starttime').style.visibility = 'hidden';
}
</script>

最后，您可以使用JQuery代替

<script>
function hideSpinner() {
    $('#starttime').hide();
}
</script>

您可以将每个句子与if语句组合在一起，只需在可见性/显示状态之间切换，或只是在JQuery的toggle（）本身之间切换。 P.S。：请注意，如果你不会在其他方面使用JQuery，那么加载库所需的时间可能是不值得的。

如何使用javascript隐藏timespinner

2 个答案: