jQuery UI Calendar

jQuery UI v1.8 Calendar

by AlexJsh02

HTML

<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<h4>jQuery UI v1.8</h4>
<p>
    Date:&nbsp;<input type="text" id="datepicker" />
</p>

JavaScript

// jQuery datepicker
$(function(){
    $("#datepicker").datepicker({
      showOn: "button",
      buttonImage: "http://barbados.org/images/calendar.gif",
      buttonImageOnly: true,
      buttonText: "Select date",
      changeMonth: true,
      changeYear: true
    });
});