datetime picker base master

by Geo George

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script>
<script src="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/src/js/bootstrap-datetimepicker.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/build/css/bootstrap-datetimepicker.css">
<br/>
<!-- padding for jsfiddle -->
<div class="row">
    <div class="col-md-12">
         <h6>datetimepicker1</h6>

        <div class="form-group">
            <button id="bt1" style="position:relative;"><span class="glyphicon-calendar glyphicon"></span></button>
            <input type="hidden" id="datetimepicker1" />
        </div>
    </div>
</div>

CSS

.bootstrap-datetimepicker-widget.dropdown-menu.bottom {
    top: 26px !important;
}

JavaScript

var $btn = $('#bt1');

$('#datetimepicker1').datetimepicker({
    widgetParent: $btn
});
$('#datetimepicker1').data('DateTimePicker').show();

$btn.click(function () {
	$('#datetimepicker1').data('DateTimePicker').toggle();
});