Passando valores de um campo input para outro input

TOTVS Fluig Documentos (ECM)
, ,
1

Bom dia, estou com um input type=text e gostaria de passar o valor deste campo para outro campo hidden para poder fazer um filtro, porém não estou conseguindo passar o valor para o outro campo, se alguém puder ajudar, ficaria grato...


<div class="form-group col-md-2" id="dataInicial">
                        <label for="dataInicio">Data Início:</label><input
                            type="text" name="dataInicio" class="form-control"
                            id="dataInicio" placeholder="De:">
                    </div>
                    <div class="form-group col-md-2" id="dataFinal">
                        <label for="dataFim">Data final:</label> <input
                        type="text" name="dataFim" class="form-control"
                        id="dataFim" placeholder="Até:">
                    </div>
                    <div class="form-group col-xs-6 col-md-2" >
                        <label for="dataDeInicio"> Resultado data</label> <input type="text"
                            class="form-control" id="dataDeInicio" value="" name="dataDeInicio">

JavaScript


var data = $("#dataInicio");
$("#dataDeInicio").val(data);
2

Tenta dessa forma

Javascript


// pegando os inputs
const dtInicio = document.getElementById('dataInicio')
const dtFim = document.getElementById('dataFim')

// passando o valor de dtInicio para o dtFim
dtFim.value = dtInicio.value
3

Infelizmente dessa maneira também não funcionou.

4

Encontrei a solução para o meu problema, criei uma função onde adicionava o texto naquele campo, e usei uma função "onblur" para poder chamar a função e adicionar o texto no campo desejado...


function dataTrata(){

var dateI = $("#dataInicio").val();
$("#dataDeInicio").val(dateI);
}



<div class="form-group col-md-2" id="dataInicial">
      <label for="dataInicio">Data Início:</label><input
    type="text" name="dataInicio" class="form-control"
        id="dataInicio" placeholder="De:" onblur="dataTrata();">
</div>