JSFiddle - React, Tailwind, and code Playground

by Geo George

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<div id="datepicker">
</div>
<br>
<div>
  Selected Date: <span class="selectedDate"></span><br>
  Object Date: <span class="objectDate"></span>
</div>

JavaScript

$(document).ready(function(){
	$('#datepicker').datepicker({
  	dateFormat: 'dd-mm-yy',
  	onSelect: function(dateText, e){
    	$('.selectedDate').text(dateText);
      $('.objectDate').text(e.selectedDay + '-' + (e.selectedMonth + 1 ) + '-' + e.selectedYear);
    }
  });
});