javascript - 使用 Javascript 在 HTML5 时间字段中输入时间

Question

我正在尝试在 JS 中创建一个函数，该函数将<input type=time>使用这样的格式填充 html5 hh:mm:ss。

function timeChange(){
var d = new Date();
d.getHours();
d.getMinutes();
d.getSeconds();

var hours = d.getHours();
var minutes = d.getMinutes();
var seconds = d.getSeconds();

document.getElementById("time_in").value = (....);
}

我不确定如何为此编写 .value 代码。我试过使用.value = (hours":"minutes":"seconds);，但这只会给我一个编译错误。

有人有想法吗？我只需要它在 hh:mm:ss 中。

HTML5 代码：

 <button type="button" onClick="timeChange()">Time</button>

 <input id="time_in" type="time" name="time_in">

Answer 1

hours":"minutes":"seconds不是连接字符串，你需要+s：hours+":"+minutes+":"+seconds

Answer 2

var d = new Date();
// Need to create UTC time of which fields are same as local time.
d.setUTCHours(d.getHours(), d.getMinutes(), d.getSeconds(), 0);
document.getElementById("time_in").valueAsDate = d;

Answer 3

最简单的方法是从 Date 对象中获取时间字符串：

var time = (new Date()).toTimeString().split(' ')[0];

拆分允许我们删除字符串的时区部分。

Answer 4

document.getElementById('time_in').value = hours + ":" + minutes + ":" + seconds;

否则，您不会创建一个连接的字符串。