JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.14.30/css/bootstrap-datetimepicker.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.14.0/jquery.validate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.14.30/js/bootstrap-datetimepicker.min.js"></script>
<div class="form-group">
    <label>Pick A Date</label>
    <div class='input-group date' id='datetimepicker1' >
                    <input type='text' class="form-control" name="dob" data-format="dd/MM/yyyy hh:mm:ss"/>
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
    </div>

<h4> ISO format is :<span class="temp"></span></h4>

JavaScript

$(function () {
              
                $('#datetimepicker1').datetimepicker({
                    
                });
            });

 $('#datetimepicker1').on("dp.change",function(e){
        var selectedDate = $('#datetimepicker1').find("input").val();       
        $(".temp").text(moment(selectedDate.date).format());
    });