bootstrap datetimepicker

A demo of bootstrap date time picker

by Bhavik Bamania

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker-standalone.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
<div class="form-group datetimepicker-cover">
                                        <input type="text" name="start_time" id="datetimepicker" required="required"
                                               class="form-control" placeholder="From Date" data-name="start_time"/>
                                    </div>
                                    <div class="form-group datetimepicker-cover">
                                        <input type="text" name="end_time" id="datetimepicker1" required="required"
                                               class="form-control" placeholder="To Date" data-name="end_time"/>
                                    </div>

JavaScript

$(function () {
        $('#datetimepicker').datetimepicker({
            minDate:new Date()
          });
        $('#datetimepicker1').datetimepicker({
            useCurrent: false
        });
        $("#datetimepicker").on("dp.change", function (e) {
            $('#datetimepicker1').data("DateTimePicker").minDate(e.date);
        });
        $("#datetimepicker1").on("dp.change", function (e) {
            $('#datetimepicker').data("DateTimePicker").maxDate(e.date);
        });
    });