クリックしたフィールドに応じて、ボタンで時間を挿入しますか？

Question

フィールドが5つあり、フィールドがクリック（またはボタンクリック）したときに自動的に時間（​​24時間形式）を挿入したい場合は、5つのボタンの代わりに1を表示したい。使用

コードイムは

<input type="text" value="" id="time-holder"> 
<input type="button" value="time" name="timer" id="time"> 

私はこれを達成することができますどのように任意のアイデアですか？使用toLocaleTimeSTringhttps://jsfiddle.net/cuva5y4z/

Answer 1

で

$(function(){ 
    $('#time').click(function(){ 
     var time = new Date();     
     $('#time-holder').val(time.toTimeString()); 
    }); 
}); 

あなたが喜ばとして時間をフォーマットします。秒を無視し、toLocaleTimeString()というオプションパラメータでhour12: falseを実行すると、たとえば、時間は17:28となります。 - あなたが影響を与えるしたいすべての入力にクラスを適用し、そしてによってそれらをターゲット複数の入力については

$(function() { 
 
    $('#time').click(function() { 
 
     var time = new Date().toLocaleTimeString([], {hour: '2-digit', minute:'2-digit', hour12: false}); 
 
     $('#time-holder').val(time); 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" value="" id="time-holder"> 
 
<input type="button" value="time" name="timer" id="time">

---

：1つの入力の場合

---

クラス。

$('#time').click(function() { 
 
     var time = new Date().toLocaleTimeString([], { 
 
      hour: '2-digit', 
 
      minute: '2-digit', 
 
      hour12: false 
 
     }); 
 
     $('.time-input').val(time); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" value="FILL ALL INPUTS" name="timer" id="time"><br><br> 
 

 
    <input type="text" class="time-input" id="time-holder1"><br> 
 
    <input type="text" class="time-input" id="time-holder2"><br> 
 
    <input type="text" class="time-input" id="time-holder3"><br> 
 
    <input type="text" class="time-input" id="time-holder4"><br> 
 
    <input type="text" class="time-input" id="time-holder5"><br>