JSFiddle - React, Tailwind, and code Playground

HTML

<form id="testform">
<input type="date" name="date" />
<input type="submit" />
</form>
<div id="output">

</div>
<p id="PrintData">

</p>
<img id="PrintImg" />

JavaScript

$(document).ready(function() {
  $('#testform input[name=date]').datepicker({
    autoHide: true
  });
  $('#testform').submit(send);
});

function send(e) {
e.preventDefault();//prevent native submission
  const data = $(this).serialize();
  $('#output').text("FormData: " + data);
  $.ajax({
    type: "POST",
    //url: "receiving_file.php",
    url: "/echo/html/",
    data,
    success: function(data) {
  document.getElementById("PrintData").outerHTML = data;
  document.getElementById("PrintImg").src = data;
    }
  });
  return false;
}