JSFiddle - React, Tailwind, and code Playground

by Mohamed Farouk

HTML

<script src=" http://code.jquery.com/jquery-2.1.0.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="http://momentjs.com/downloads/moment-with-locales.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/3.0.0/js/bootstrap-datetimepicker.js"></script>
<label class="required" style="display:inline-table;maxlength=16;width:40px;">*</label>
<div class="input-append date" id="datetimepicker1" style="display:inline;">
    <input id="startdate" maxlength="16" data-format="dd/MM/yyyy hh:mm" type="text" value="" class="datetimepicker1"> <span class="add-on" style="height:30px;"><i data-date-icon="icon-calendar" data-time-icon="icon-time" class="icon-calendar"></i></span>1</div>

JavaScript

console.log($('#datetimepicker1').datetimepicker);
$('#datetimepicker1').datetimepicker();