tous comme gardé l'ancienne valeur (pour modif)
je t'ai fait la version portable
comme tu disais revoir la dispo des éléments et enlevé crois et flèche (inutile en mobile : gains de place entre hh:mm et icône validation)
tu peux tester pour validation ?
Code : Tout sélectionner
<div class="tooltips cmd" data-type="action" data-subtype="slider" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" style="width : 120px;height : 40px;display : block;">
<div class="input-group" style="height: 35px;width: 80px;margin: auto;">
<input style="width:75px;padding-left:5px;border-radius: 5px;font-size : 17px;font-weight: Bold;background-color:#e4e2c2;" class="form-control input value" type="time" placeholder="#title_placeholder#" value="#state#" data-cmd_id="#id#"/>
<span class="input-group-btn" style="position: relative;padding-left:1px;">
<a class="btn btn-default execute" style="color:white;background-color:#cmdColor# !important;border-radius: 5px;border-color : transparent !important;height:35px;width:30px;"><i class="fa fa-check" style="position: relative;left:-5px;"></i></a>
</span>
</div>
<script>
$('.cmd[data-cmd_uid=#uid#]:last .execute').on('click', function() {
jeedom.cmd.execute({id:'#id#', value: {slider: $('.cmd[data-cmd_uid=#uid#] .value').val().replace("#unite#", "").replace(" ", "")}});
});
</script>
<style>
.value::-webkit-inner-spin-button, /* Removes arrows */
.value::-webkit-outer-spin-button, /* Removes arrows */
.value::-webkit-clear-button {/* Removes blue cross */
-webkit-appearance: none !important;
margin: 0 !important;
-moz-appearance:textfield !important;
}
</style>
</div>