使用Javascript在HTML5時間字段中輸入時間

我正在嘗試在JS中創建一個函數，它將使用如下格式填寫html5 <input type=time>hh:mm:ss。使用Javascript在HTML5時間字段中輸入時間

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

來源

2012-11-19 Envious

hours":"minutes":"seconds沒有串聯的字符串，則需要+ S：hours+":"+minutes+":"+seconds

來源

2012-11-19 17:55:27 freejosh

我不知道我是怎麼錯過的。我覺得自己像個白癡。 – Envious

+1剛剛打敗了我 – Ryan

@上一個沒有擔心，它發生在我們所有人身上 – freejosh

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

否則你沒有創建一個連接字符串。

來源

2012-11-19 17:58:05 Ryan

最簡單的方法是從Date對象搶時間字符串：

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

的分裂使我們能夠去除串的時區部分。

來源

2012-11-19 18:06:02 Shmiddty

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;

來源

2012-11-20 02:04:39

使用Javascript在HTML5時間字段中輸入時間

回答

相關問題