Bootstrap Calendar

by secretgspot

HTML

<link rel="stylesheet" href="https://googledrive.com/host/0BxC2CwGO9GqWczJiajN5OTg2NVk/css/bootstrap.min.css">
<link rel="stylesheet" href="https://googledrive.com/host/0BxC2CwGO9GqWczJiajN5OTg2NVk/css/datepicker1.css">
<script src="https://googledrive.com/host/0BxC2CwGO9GqWczJiajN5OTg2NVk/js/bootstrap.min.js"></script>
<script src="https://googledrive.com/host/0BxC2CwGO9GqWczJiajN5OTg2NVk/js/datepicker3.js"></script>
<p><strong>Click outside the field and see what happens</strong></p>

<label>Empty Datepicker:</label>
<input type="text" value="" data-date-format="yyyy/mm/dd" id="datepicker">

CSS

body { padding: 40px; }

JavaScript

$('#datepicker').datepicker({
    format: 'mm-dd-yyyy'
}).focus();

//https://github.com/eternicode/bootstrap-datepicker