javascript - 选择并单击时如何在 td 内的字段中插入当前完整日期和日期

Question

我想在点击底部时在字段中插入完整日期，但我无法让它工作。

我有休闲代码。

$(
    function(){
        let lastFocusEl=null;
        
        $('#date').click(function(){
                  var time = new Date();                     
                  if(lastFocusEl) lastFocusEl.value = time.toTimeString();  
        });
        
        let f = function() { lastFocusEl=this};
        $('#input_62[]').focus(f);
        $('#input_62[]').focus(f);
        $('#input_62[]').focus(f);

    }  
);


may be useful code 

Date.prototype.addDays = function(days) {
var date = new Date(this.valueOf());
date.setDate(date.getDate() + days);
return date;
}


var date = new Date();

alert(date.addDays(5));

<td class="gfield_list_cell gfield_list_62_cell1" data-label="DEPARTED"><input type="text" name="input_62[]" value=""></td>

<td class="gfield_list_cell gfield_list_62_cell2" data-label="DEPARTED"><input type="text" name="input_62[]" value=""></td>

<td class="gfield_list_cell gfield_list_62_cell3" data-label="DEPARTED"><input type="text" name="input_62[]" value=""></td>

<td class="gfield_list_cell gfield_list_62_cell4" data-label="DEPARTED"><input type="text" name="input_62[]" value=""></td>

<input type="button" value="DATE" name="DATE" id="DATE">

Answer 1

首先，id区分大小写，所以 $('#date')找不到 <input id="DATE"> ...您需要更改 id或选择器。

$('#input_62[]')不会工作，因为 #用于 id元素的，而不是 name .

所以你可以使用下面的选择器...

$('input[name="input_62[]"]')

或者相反，给出 <input>控制一个类并使用它来代替我的偏好......

$(function(){
    let lastFocusEl=null;

    $('#DATE').click(function(){
        var time = new Date();                     
        if(lastFocusEl) lastFocusEl.value = time.toTimeString();  
    });

    let f = function() { lastFocusEl=this};
    $('.input_62').focus(f);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<td class="gfield_list_cell gfield_list_62_cell1" data-label="DEPARTED"><input type="text" class="input_62" name="input_62[]" value=""></td>

<td class="gfield_list_cell gfield_list_62_cell2" data-label="DEPARTED"><input type="text" class="input_62" name="input_62[]" value=""></td>

<td class="gfield_list_cell gfield_list_62_cell3" data-label="DEPARTED"><input type="text" class="input_62" name="input_62[]" value=""></td>

<td class="gfield_list_cell gfield_list_62_cell4" data-label="DEPARTED"><input type="text" class="input_62" name="input_62[]" value=""></td>

<input type="button" value="DATE" name="DATE" id="DATE">