Tengo el siguiente código, donde al seleccionar un valor en la selección devuelve una fecha para ingresar la entrada.
$('#title1').change(function(){ var data = {"title1":$('#title1').val(), "title":$("#title").val()}; $.ajax({ type:"POST", url:"./atribdatt1", dataType:"Json", data:data, success:function(callback){ var data_array = callback; artdat = data_array $("#vali1").html(artdat); document.getElementById('vali1').value = artdat; } }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="form-group"> <label for="title1" class="col-sm-4 control-label">NOME VISITANTE</label> <div class="col-sm-8"> <select name="title1" class="form-control" id="title1"> <option></option> <?php $sql = "SELECT * FROM raddb.Utente WHERE ativo = '1' AND codigo NOT IN ('701', '723') ORDER BY nome ASC"; $qr = mysqli_query($conn, $sql); while($ln = mysqli_fetch_assoc($qr)){ echo '<option value="'.$ln['codigo'].'">'.$ln['nome'].'</option>'; } ?> </select> </div> </div> <div class="form-group"> <input type="date" name="vali1" class="form-control" id="vali1" readonly="true"> </div>Tenía la intención de que si la fecha de devolución es inferior a dos días desde la fecha actual, pusiera la entrada en rojo. De esta manera, siempre devuelve solo la fecha pero no cambia el color de la entrada. ¿Puede usted ayudar?
Por lo tanto, para acceder a los estilos de los elementos DOM de JavaScript, tenga un accesorio de style . Los nombres de estilos en javascript son claves camelCase en style . https://api.jquery.com/css/
Uso:
const element = $("selector") // or on vanilla document.querySelector('selector') // ... element.css('background', 'red') // vanilla - element.style.background = 'red'