2015-03-27 2 views
0
<!DOCTYPE html> 
<html> 
    <head> 

     <title>consultation</title> 

     <link rel="stylesheet" type="text/css" href="css/consultation.css"> 
     <script type="text/javascript"> 
      var date_1; 

      //setInterval(functionDate() , 999); 

      function functionDate() 
      { 
       //alert(form_1.length); 
       date_1 = new Date(); 
       date_1 = date_1.getHours() + ":" + date_1.getMinutes() + ":" + date_1.getSeconds(); 
       form_1.date.value = ""; 
       form_1.date.value = "date_1"; 
      } 

     </script> 


    </head> 

    <body> 
     <form name="form_1" > 
     <div id="container"> 

       <div id="header"> 
        <img src="images/picture_1.png" id="image" width="60" height="60"> 
        <p id="select_product_p"> 
         Select product: 
        </p> 

        <input list="product" id="select_product"> 
        <datalist id="product" > 
         <option>Tortilla</option> 
         <option>Masa</option> 
        </datalist> 

        <p id="product_amount_p"> 
         Product amount: 
        </p> 
        <input type="number" id="product_amount" min="1"> 

        <p id="unit_price_p"> 
         Unit price: 
        </p> 
        <input type="number" id="unit_price" min="1" size="5"> 

        <button type="button" id="add_product">Add Product</button> 

        <input type="text" name="hour" id="hour_id"> 

       <!-- 
       </div> 
       <div id="medium"> 

       </div> 
       <div id="final"> 

       </div>     
     </div> 
     --> 
     </form> 
    </body> 

</html> 

im пытается построить часы с setInterval, а затем поместить наш тег ввода, но я не знаю, почему это неправильно. Я знаю, что я могу изменить значение на теге. думаю, я могу использовать .innerHTML. Спасибо.изменить входной контент в div

ответ

0

Я не уверен, если я получаю то, что вы хотите достичь, но, чтобы установить время к полю ввода, вы можете сделать это:

var nowDate = new Date(); 
var timeString = nowDate.getHours() + ":" + nowDate.getMinutes() + ":" + nowDate.getSeconds(); 

document.getElementById("hour_id").value = timeString; 
+0

я принять ваш совет, как это: Var дата_1; \t \t \t var date_2; \t \t \t setInterval (functionDate(), 999); \t \t \t функция functionDate() \t \t \t { \t \t \t \t // предупреждение (form_1.length); \t \t \t \t дата_1 = новая дата(); \t \t \t Дата последнего изменения: \t \t \t \t document.getElementById ("hour_id") .value = date_2; \t \t \t \t form_1.date.value = "date_1"; \t \t \t} –

+0

и получите сообщение об ошибке «Невыделение типаError: Can not set property» из null. Большое спасибо. –

+0

Ничего плохого в моем коде. Проверьте этот JSFiddle: http://jsfiddle.net/fx9gto2o/ Это означает, что не загружается в вашу обреченность при попытке document.getElementById («час_ид»), и поэтому он равен нулю –

Смежные вопросы