как скрыть timespinner с помощью JavaScript

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

Вы, кажется, забыли добавить в палитре опций, но это, как правило, осуществляется с помощью добавления 'скрытый' 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() непосредственно. P.S .: Обратите внимание: если вы не будете использовать JQuery для других, время, необходимое для загрузки библиотеки, вероятно, не стоит.