JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/humanity/jquery-ui.css">
<!DOCTYPE html>
<html>
  <head>  </head>

  <body>
    <div class="demo">

    <p>
        Date: <input type="text" id="datepicker1">
        <button id="showDateBtn1">Show Date</button>        
    </p>
    <p>
        Date w/o Year: <input type="text" id="datepicker2">
        <button id="showDateBtn2">Show Date</button>
    </p>

    </div>
  </body>
</html>

JavaScript

$(document).ready(onDocumentReady);
        function onDocumentReady() {
            $( "#datepicker1" ).datepicker();                
            $( "#showDateBtn1" ).click( function() {
                var date = $('#datepicker1').datepicker('getDate');
                alert( date );
            });
            
            $( "#datepicker2" ).datepicker({dateFormat:'M d'});                
            $( "#showDateBtn2" ).click( function() {
                var date = $('#datepicker2').datepicker('getDate');
                alert( date );
            });
        }