The date picker successfully functions when I assign the id to the input tag as shown below:
<div class="col-sm-4" id="datepicker">
<input type="text" class="form-control" id="inputDate" placeholder="Date">
<span class="glyphicon glyphicon-calendar form-control-feedback" aria-hidden="true"></span>
</div>
<script type="text/javascript">
$(function () {
$('#inputDate').datetimepicker();
});
</script>
I am curious why it does not work if I use the div instead of the input tag (with the datepicker id), especially since I have seen examples online where the div is used instead of the input.