title: How to read value from daterangepicker?
body: <p>I have this daterangepicker runs on my local PHP site. Here is the code for HTML part</p>
  
  <pre><code>&lt;form role="form" class="form-inline" method="post" action=""&gt;
  
      &lt;div id="reportrange" class="form-control"&gt;
           &lt;i class="fa fa-calendar"&gt;&lt;/i&gt;
           &lt;span&gt;&lt;/span&gt; 
           &lt;b class="caret"&gt;&lt;/b&gt;
      &lt;/div&gt;
  
      &lt;button class="btn btn-white" type="submit"&gt;Search&lt;/button&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>Javascript part:</p>
  
  <pre><code>$('input[name="daterange"]').daterangepicker();
  
      $('#reportrange span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
  
      $('#reportrange').daterangepicker({
          autoApply: true,
          format: 'MM/DD/YYYY',
          startDate: moment().subtract(29, 'days'),
          endDate: moment(),
          minDate: '01/01/2012',
          maxDate: '12/31/2015',
          dateLimit: { days: 60 },
          showDropdowns: true,
          showWeekNumbers: true,
          timePicker: false,
          timePickerIncrement: 1,
          timePicker12Hour: true,
          ranges: {
              'Today': [moment(), moment()],
              'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
              'Last 7 Days': [moment().subtract(6, 'days'), moment()],
              'Last 30 Days': [moment().subtract(29, 'days'), moment()],
              'This Month': [moment().startOf('month'), moment().endOf('month')],
              'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
          },
          opens: 'right',
          drops: 'down',
          buttonClasses: ['btn', 'btn-sm'],
          applyClass: 'btn-primary',
          cancelClass: 'btn-default',
          separator: ' to ',
          locale: {
              applyLabel: 'Submit',
              cancelLabel: 'Cancel',
              fromLabel: 'From',
              toLabel: 'To',
              customRangeLabel: 'Custom',
              daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr','Sa'],
              monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
              firstDay: 1
          }
      }, function(start, end, label) {
              console.log(start.toISOString(), end.toISOString(), label);
              $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
      });
  </code></pre>
  
  <p>I can select the date well, But no readable value on submit. Already follow this suggestion <a href="https://stackoverflow.com/questions/19651943/getting-the-value-of-daterangepicker-bootstrap/33431570#33431570">getting the value of daterangepicker</a> but still no luck. Any helps is appreciated. Thanks.</p>