How to use datetime picker.

Add 2 files in your header and footer files.


<link href="<?php echo base_url('admin/css/jquery.datetimepicker.css');?>" rel="stylesheet" type="text/css">
 <script src="<?php echo base_url('admin/js/jquery.datetimepicker.js'); ?>"></script>

Write the script in your footer or in the page where you want.
<script>/*
    window.onerror = function(errorMsg) {
        $('#console').html($('#console').html()+'<br>'+errorMsg)
    }*/
    $('#datetimepicker1').datetimepicker({
    dayOfWeekStart : 1,
    lang:'en',
    disabledDates:['1986/01/08','1986/01/09','1986/01/10'],
   
    });
    $('#datetimepicker2').datetimepicker({
    dayOfWeekStart : 1,
    lang:'en',
    disabledDates:['1986/01/08','1986/01/09','1986/01/10'],
    });
   
    $('#datetimepicker_dark').datetimepicker({theme:'dark'})
    </script>

*********************************************************************************
Add below lines for datetime picker.
<input type="text" name="event_start_date" id="datetimepicker1" value="" class="form-control" data-parsley-required-message="Start Date cannot be blank" required>

 <input type="text" name="event_end_date" id="datetimepicker2" value="" class="form-control" data-parsley-required-message="End Date cannot be blank" required>