Jquery Ui date picker

Styling Jquery ui datepickers

by Varun Krishna P

HTML

<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/ui-lightness/jquery-ui.css">
<div>
    <input type="text" id="datepicker1" placeholder="Date picker1"/><br/><br/>
     <input type="text" id="datepicker2" placeholder="Date picker2"/>
</div>

JavaScript

$(function(){
    $("#datepicker1").datepicker();
    $("#datepicker2").datepicker({        
        dateFormat: "MM YY",
        changeMonth: true,
        changeYear: true,
    });
})