<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <script src="https://cdn.rawgit.com/atatanasov/gijgo/master/dist/combined/js/gijgo.min.js" type="text/javascript"></script> <link href="https://cdn.rawgit.com/atatanasov/gijgo/master/dist/combined/css/gijgo.min.css" rel="stylesheet" type="text/css" /> <div class="container"> <br/> <input id="datepicker" width="270" /> <p><a href="http://gijgo.com/datepicker/example/bootstrap">Bootstrap DatePicker</a> powered by gijgo.com</p> </div>

$(document).ready(function () { $('#datepicker').datepicker({ uiLibrary: 'bootstrap' }); });