datetime picker base master

by spasticdonkey

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">
<div style="height:300px"></div>
<!-- padding for jsfiddle -->
<div class="container">
    <div class="row">
        <div class='col-sm-6'>
        </div>
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" /> <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
</span>
                </div>
            </div>
        </div>
    </div>
</div>

JavaScript

$(function () {
                $('#datetimepicker1').datetimepicker({
                    showTodayButton: true,
                    format: "DD-MM-YYYY hh:mm A",
                    sideBySide: true,
                    widgetPositioning: {
                        horizontal: 'right',
                        vertical: 'top'
                    }
                });
            });