Simple jQuery UI Datepicker example

by Michael Häfliger

HTML

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<form id="myForm" method="POST">
Date Picker on input field: <input type="text" id="date1"/> <br/>
<input type="hidden" id="valueField" name="valueField" value="2020-10-01">
<button id="submit">
Submit
</button>
</form>

JavaScript

var form = $('#myForm');

$('#date1').datepicker({
    dateFormat: "dd.mm.y",
    //altField: '#valueField'
  });

myForm.onsubmit = function( event ){
		event.preventDefault();
    alert( myForm.serialize() );
    return true;
}