How to send value from a div to an input

The solution to the problem was quite simple,

I first realized that the date range of the div container is generated in the span at run time, so I chose to create a function in javascript that would get that text.

<script>
  $(document).ready(function(){
    $("#btnrango").click(function(){
      var fechas_rango = $("#texto").text();
      alert(fechas_rango);
    });
  });
</script>

After that I can already have the range of dates within a variable var dates_range to send it by get or whatever I can think of.

I'll give you an example with a daterange also with bootsrap I hope it works for you.

$('input[name="daterange"]').daterangepicker(
{
    locale: {
      format: 'YYYY-MM-DD'
    },
    startDate: '2013-01-01',
endDate: '2013-12-31'
}, 
function(start, end, label) {
    alert("El Rango de fecha : " + start.format('YYYY-MM-DD') + '  Al  ' + end.format('YYYY-MM-DD'));
});

<!-- Include Required Prerequisites -->
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />
 
<!-- Include Date Range Picker -->
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />
<div>
    <input class="form-control text-center" name="daterange" value="" />
</div>
<br>

I do not know what you're trying with that code, but the div you have in first must be converted to the datepicker class so it can be used and a value returned. If you already have it, it's too easy. In the second, you are trying to trigger an event that does not correspond to the behavior of a div.

  

link

Now that if what you want is that when you click on the div an event is triggered I can help you with this code:

<script>
  $(function() {
    $("#reportrange").datepicker({
      onSelect: function(date) {
        //PUEDES HACER UN AJAX O LO QUE QUIERAS, LA VARIABLE DATE CONTIENE LO QUE ELEGISTE DEL CALENDARIO
      }
    });
  }); 
</script>