2015-12-03 56 views
0

我想設置使用javascript我在這裏的時間輸入的值是我在做什麼輸入時間值的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); 

但是當我這樣做,我看的時候輸入,但其價值是空的?

爲什麼沒有輸入值?

感謝您的幫助

回答

0

您需要

  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; 
+0

所以1和3完成的,我應該將之列入模式代碼難過,我該怎麼辦2號 – spenf10

+1

http://caniuse.com /#feat = input-datetime - 它在IE中尚不受支持。如果你使用的Chrome只是在最後一行中丟失了「am」,它應該可以工作。 – potatopeelings

+1

即只是'input_open.value = h +「:」+ m;' – potatopeelings

-1

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); 
+0

這更適合評論 – DelightedD0D

+0

哇,這是一個非常苛刻的反應,快樂的編碼 – DelightedD0D