输入时间值的Javascript

Question

我想设置使用javascript我在这里的时间输入的值是我在做什么

var div = document.createElement("DIV"); 
var div_id = "div_hours_" + "1"; 

var input_open = document.createElement("INPUT"); 
var today=new Date(); 
var h=today.getHours(); 
var m=today.getMinutes(); 
var s=today.getSeconds(); 
input_open.type = 'time'; 
input_open.name = 'time_open_input'; 
input_open.value = h+ ":" + m + " am"; 

div.appendChild(input_open); 
el("body_div").appendChild(div); 

但是当我这样做，我看的时候输入，但其价值是空的？

为什么没有输入值？

感谢您的帮助

Answer 1

您需要

1. 定义变量numOfHours
2. 删除线input_open.type = 'time';（时间尚不支持IE）
3. 添加功能EL（或者你可以用行代替它 - document.getElementById("body_div").appendChild(div)假设你正在寻找附加到身份证div作为body_div

---

如果您使用的是Chrome只是你的最后一行改为（而不是做上述2）

input_open.value = h + ":" + m; 

Answer 2

Reference

值=时间

的字符串表示时间（没有时区信息）。

在[RFC 3339]中定义的有效部分时间。

例子：23：20：50.52 17时39分57秒

您可能希望将类型更改为纯text。

见this的jsfiddle

的JavaScript

var div = document.createElement("div"); 
var div_id = "div_hours_" + "1"; 

var input_open = document.createElement("input"); 
var today=new Date(); 
var h=today.getHours() < 10 ? "0" + today.getHours() : today.getHours(); 
var m=today.getMinutes() < 10 ? "0" + today.getMinutes() : today.getMinutes(); 
var s=today.getSeconds() < 10 ? "0" + today.getSeconds() : today.getSeconds(); 
input_open.type = 'text'; 
input_open.name = 'time_open_input'; 
input_open.value = h + ":" + m + " am"; 

div.appendChild(input_open); 
document.body.appendChild(div);