wie timespinner verstecken mit Hilfe von Javascript

Question

ich xsl-Datei unter:

<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> 

Wie kann ich die Zeit Spinner deaktivieren oder ausblenden, wenn Option wählen ist?

Answer 1

Sie scheinen vergessen zu haben, in der Option Picker hinzufügen, aber dies ist in der Regel über das Hinzufügen einer 'versteckten' CSS-Klasse

https://jsfiddle.net/9g1L5f64/

JS

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

CSS

.hidden{ 
    display:none; 
} 

behandelt

Answer 2

Nicht sicher, dass das ist, was Sie wollen, aber hier geht. Ich weiß nicht, wie Sie erkennen, dass die Option ausgewählt ist, aber wenn Sie dies tun, können Sie eine Javascript-Funktion aufrufen, um sie zu verbergen. So etwas wie

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

Sie können auch die Sichtbarkeit stattdessen gesetzt, aber die Ergebnisse werden im Grunde das gleiche:

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

Schließlich können Sie JQuery verwenden statt und tun es wie

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

Sie können jede von diesen mit einer if-Anweisung kombinieren, um einfach zwischen Sichtbarkeits-/Anzeigezuständen oder nur joguerys toggle() selbst umzuschalten. P.S .: Beachten Sie, dass die Zeit, die zum Laden der Bibliothek benötigt wird, sich wahrscheinlich nicht lohnt, wenn Sie JQuery nicht für viel mehr verwenden.