daterangepicker, как получить значение и нажать 1 день, чтобы показать дату в тексте ввода

Question

Я бы хотел выбрать дату и вставить ее в таблицу.

Например, я выбираю дату:

После выбора даты она вставляется в строку, как показано:

Это код Javascript:

$('input[name="allotment"]').on('apply.daterangepicker', function(ev, picker) {
  var allomentDate = picker.endDate.format('DD') - picker.startDate.format('DD');
  console.log(allomentDate);
  console.log(picker);
  /* for (i=1;i<=allomentDate;i++){
      var dd = start.format('DD').toString();
      console.log(dd);
      var dateAllot = dd+1;
      console.log(dateAllot);
      var addRow = "<tr><td><input type='text' name='allomentDate[dateAllot]' readonly value=''></td>" + "<tr><td>";
  }*/
});

Однако это только начало. Теперь я до сих пор не могу получить значение startdate и enddate.

Answer 1

 $('input[name="allotment"]').daterangepicker({
                "drops": "down",
                "opens": "center",
            }, function (start, end, label) {
                console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
                var dd = parseInt(end.format('DD')) - parseInt(start.format('DD'));
                var startDate = new Date(start.format('YYYY-MM-DD'));
                var endDate = new Date(end.format('YYYY-MM-DD'));
                //console.log(startDate.getDate());
                //console.log(endDate.getDate());
                //console.log(allot);
                for (i=1;i<=dd;i++){
                    var allot = startDate.getDate()+1;
                    console.log(allot);
                    var addRow = "<tr><td><input type='text' name='allomentDate[i]' readonly value='startDate'></td>" +
                        "<tr><td>";
                }
            });

установить start.format ('ГГГГ-ММ-ДД') на дату и использовать get.Date + 1