Question

我有5个字段，我希望在单击字段（或按钮单击）时自动插入时间（24小时格式），而不是有5个按钮，我想为所有显示1。

使用的代码是

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

任何想法我怎么能做到这一点？

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

https://jsfiddle.net/cuva5y4z/

中的

Answer 1

使用toLocaleTimeSTring格式化时间。例如，忽略秒，并在hour12: false的options参数中执行toLocaleTimeString()，时间将显示为17:28。

对于一个输入：

＆＃13;

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

＆＃13;

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

＆＃13;

对于多个输入 - 将类应用于您想要影响的所有输入，并按类定位。

＆＃13;

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

＆＃13;

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

＆＃13;

使用按钮插入时间取决于单击哪个字段？

1 个答案: