Wie man den Wert eines Eingabefeldes mit jQuery einstellt

Question

Ich möchte die aktuelle Zeit im Eingabefeld anzeigen. Ich habe ID local-time verwendet. Aber im Eingabefeld wird die aktuelle Uhrzeit nicht angezeigt.

Current Time : <input type="text" id = "local-time" value= ""/> 

<script> 
setInterval(function() { 
var local = new Date(); 
var localdatetime = local.getHours() + ":" + pad(local.getMinutes()) + ":" + 
pad(local.getSeconds()); 

$('#local-time').html(localdatetime); 
}, 1000); 

function pad(t) { 
var st = "" + t; 

while (st.length < 2) 
st = "0" + st; 

return st; 
} 
</script> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Answer 1

einfach das Skript bearbeiten: Änderung html zu val

<script> 
setInterval(function() { 
var local = new Date(); 
var localdatetime = local.getHours() + ":" + pad(local.getMinutes()) + ":" + 
pad(local.getSeconds()); 

$('#local-time').val(localdatetime); 
}, 1000); 

function pad(t) { 
var st = "" + t; 

while (st.length < 2) 
st = "0" + st; 

return st; 
} 
</script> 

Answer 2

Sie haben versucht, die html statt value dieses Eingangselementes einzustellen.

Haben Sie einen look at this für die Verwendungen von .val().html().text()

$('#local-time').val(localdatetime); 

Answer 3

setInterval(function() { 
    var local = new Date(); 
    var localdatetime = local.getHours() + ":" + pad(local.getMinutes()) + ":" + 
    pad(local.getSeconds()); 

    $('#local-time').val(localdatetime); 
}, 1000); 

function pad(t) { 
    var st = "" + t; 

    while (st.length < 2) 
    st = "0" + st; 

    return st; 
}