使用 Javascript 在 HTML5 时间字段中输入时间答案

【问题标题】：Using Javascript to input time in HTML5 time field使用 Javascript 在 HTML5 时间字段中输入时间
【发布时间】：2012-11-07 16:53:05
【问题描述】：

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

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

【问题讨论】：

标签： javascript html time input

【解决方案1】：

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

【讨论】：

@Envious 不用担心，我们每个人都会遇到这种情况

【解决方案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;

【讨论】：

【解决方案3】：

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

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

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

【讨论】：

【解决方案4】：

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

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

【讨论】：