Получить значение из даты ввода и отобразить в другой дате ввода с помощью ajax

#jquery #date #input

#jquery #Дата #ввод

Вопрос:

При <input class="boton" type="checkbox"> изменении получить значение из <input type='date' id='fechai' name='fechai' class='fechai'> и отобразить его в <input type="date" id="fechai-cambio" name="fechai5"> с помощью ajax. Может включать jquery. Я пробовал несколько вещей, но я могу заставить его отображаться только в предупреждении…. Я разместил оба из них ниже на всякий случай, потому что второе отображается через некоторое время. Мне нужно, чтобы первая дата отображалась во всех отмеченных полях.

     $('.boton').change(function () {
        var fechai = new Date($('#fechai').val());

         $.ajax({
            type: 'post',
            data: {fechai:fechai},
            success: function(response){
                //Show the var fechai in the #fechai-cambio
             alert(fechai); 
            }
          });


        });
  
 <label for='superv' >Nombre de Equipo</label>
            <select name='superv' id='superv'>
            '<option></option>'";
                while($row = mysqli_fetch_array($superv))
                {
                    echo "<option value='$row[IDSUPERVISOR]'>$row[NOMEQUIPO]</option>";
                }           
        echo"    </select>                     
        <label for='cantp' >Cantidad de Personas</label>
            <input type='text' id='cantp' name='cantp' readonly>
        <label for='razon' >Fecha Inicio</label>
            <input type='date' id='fechai' name='fechai' class='fechai' >
        <br>";

        while($row = mysqli_fetch_array($result)){
         echo ' <tr>
                <td>'.$row['NOMBRE'].' '.$row['APELLIDO_P'].'</td>
                <td class="text-center"><input class="boton" type="checkbox" name="checkbox[]" value="'.$row['IDLIBRETA_PERSONAL'].'"></td>
                <td><input type="date" id="fechai-cambio" name="fechai5" ></td>
                <td>'.$row['NOMBRE'].'</td>

                </tr>';
        }    
        echo "<button id='btn_form' type='button' onclick='realizaGrupo()'>Grabar</button>";
  

Ответ №1:

Я не понимаю, почему вы хотите использовать AJAX. Где вы можете просто сделать подобное с помощью jquery

 $('.boton').change(function () {
    var fechai = $('#fechai').val();
    $('#fechai-cambio').val(fechai);
});
  

Комментарии:

1. отлично, спасибо, это работает. Но с id я могу получить только дату первого флажка, а не все флажки (флажок и дата #fechai-cambio для каждого флажка)