如何在Jquery中按下每个按钮获取新的时间或日期？

Question

When I enter multiple notes on button click Jquery date and time auto fill up in the textbox. Like this,

But when I click After two-minute date and time not change its display same as first selected.

Below the Code :

1. Jquery Date and Time Code:

   var nowDate = new Date(); 
   var mm = nowDate.getMonth() + 1; mm = (mm < 10) ? '0' + mm : mm;
   var dd = nowDate.getDate(); dd = (dd < 10) ? '0' + dd : dd;
   var new_today = mm + '/' + dd + '/' + nowDate.getFullYear();
   
   var mi = nowDate.getMinutes(); mi = (mi < 10) ? '0' + mi : mi;
   var time = nowDate.getHours() + ":" + mi;
   

2. Dynamic HTML Code

    function addCallImage() {
   
     html  = '<tr id="call-row' + call_row + '" style="background-color: cadetblue;">';
     html += '  <td class="text-left col-md-6"><textarea rows="4" cols="50" name="case_intake_call_record[' + call_row + '][caller_name]"  placeholder="Enter Call Record" class="form-control" value="" id="input-call' + call_row + '" ></textarea></td>';
     html += '  <td class="text-right col-md-3"><div class="input-group" data-date-format="mm/dd/yyyy" data-date-end-date="0d"><input type="text" name="case_intake_call_record[' + call_row + '][caller_date]" placeholder="MM/DD/YYYY" class="form-control" value="'+new_today+'"> <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></div></td>';
     html += '  <td class="text-right col-md-3"><div class="input-icon"><i class="fa fa-clock-o"></i><input type="text" class="form-control" name="case_intake_call_record[' + call_row + '][caller_time]" value="'+time+'"></div></td>';
     html += '</tr>';
     $('#calls tbody').append(html);
     call_row++;
     clicks += 1;
     document.getElementById("autoCall").innerHTML = clicks;
     $("#autoCallhidden").val(clicks);  
     }
   

3. View File Code

       <tr>
           <td class="text-left" colspan="4"><button type="button" onclick="addCallImage();" data-toggle="tooltip" title="" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button>Click to Add Call Record</td>
       </tr>
   

Answer 1

Each time the button click action occurs, you will want to make the function calls to nowDate. Try declaring the vars locally within the addCallImage() function so that they are reset every time the click occurs.