选择并单击后如何在td内的字段中插入带有日期的当前全日

时间:2019-07-02 15:09:04

标签: javascript jquery

我想在底部单击时在字段中插入完整日期,但是我无法使其正常工作。

我有休闲代码。

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

1 个答案:

答案 0 :(得分:2)

目前,id区分大小写,因此$('#date')将找不到<input id="DATE"> ...您需要更改id或选择器。 / p>

$('#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">