Cacher is the code snippet organizer for pro developers

https://stackoverflow.com/questions/18005455/set-default-time-in-bootstrap-datetimepicker


CSS require
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.min.css">


JS requires:
1) Jquery
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

2) Bootstrap JS
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

3) Moment JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script>

4) DatetimePicker JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
    

<div class="form-group">
    <label>Select Due Date <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></label>
    <div class="form-group">
        <div class='input-group date' id='datetimepicker1'>
        <input type='text' class="form-control" name="duedate">
        <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
      </span>
    </div>
</div>
        

<script>
    jQuery(document).ready(function() {
        jQuery(function() {
            jQuery('#datetimepicker1').datetimepicker( {
                defaultDate:'now',  // defaults to today
                format: 'YYYY-MM-DD hh:mm:ss',  // YEAR-MONTH-DAY hour:minute:seconds
                minDate:new Date()  // Disable previous dates, minimum is todays date
            });
        });

    });
</script>