
<head>
<link type="text/css" rel="stylesheet" href="demo.css">
<link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">


<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<style>
#leads_holder {border: 1px solid #ded9d9;    padding: 8px;    margin-top: 0;}
#clients_holder {border: 1px solid #ded9d9;    padding: 8px;    margin-top: 0;}
</style>
<div class="input-append date form_datetime">
    <input size="16" type="text" value="" readonly>
    <span class="add-on"><i class="icon-th"></i></span>
</div>
 
<script type="text/javascript">
    $(".form_datetime").datetimepicker({
        format: "dd MM yyyy - hh:ii"
    });
</script>  
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>