JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/black-tie/jquery-ui.css">
<div id="datepickerMorning"></div>
<br>
<a>Emission du : </a><a id="printMorning"><font color="#BDBDBD" size="4"><i>Veuillez sélèctioner une date.</i><font></a>

<br>
<a id="linkMorning" class="fa fa-download" href=""><span>  Morning</span></a>

JavaScript

$(function () {


    // Calandar
    $("#datepickerMorning").datepicker({
        dateFormat: "dd-mm-yy",
        minDate: new Date('2013/11/05'),
        maxDate: '+0D',
        onSelect: function (dateText, inst) {


            // Get Date
            var date = $.datepicker.parseDate(inst.settings.dateFormat || $.datepicker._defaults.dateFormat, dateText, inst.settings);
            var dateString = $.datepicker.formatDate("yy-mm-dd", date, inst.settings);
            var emDateString = $.datepicker.formatDate("dd/mm/yy", date, inst.settings);


            // Set URL
            var urlMorning = "files/morning/" + "morning_" + dateString + ".mp3";
            document.getElementById("linkMorning").setAttribute("href", urlMorning);

            // Print
            $('#printMorning').html(emDateString);


        }
    });



});