Date range picker send selected date with AJAX

Question

Date range picker.

I am trying to send selected date with Ajax, but I get error:

  $(function() {
    $('input[name="daterange"]').daterangepicker({
      singleDatePicker: true,
      startDate: moment(),
        showDropdowns: true
      },
      function(start,end, label) {

        $.ajax({
            url: 'process.php',
            type: 'POST',
            data: {"date": start},
            dataType: 'html',
            method: 'post',
            success: function(data) {
              alert(data);
            }
        })
    });
  });

For some reason I get this error:

Answer 1

start is a moment object and what your PHP code expects is a string. I'm not sure why moment is giving you that error when serializing the object, but perhaps converting it to a string yourself will fix it:

var date_as_string = start.format('YYYY-MM-DD')