Twitter bootstrap 模式模式下的引导日期时间选择器未出现

我正在尝试在模式视图中实现引导的日期时间选择器，如下面的屏幕截图：

我的代码如下：

<script src="<?php echo base_url(); ?>assets/bootstrap/plugins/datetimepicker/js/moment.js"></script>
<script src="<?php echo base_url(); ?>assets/bootstrap/plugins/datetimepicker/js/bootstrap-datetimepicker.js"></script>

HTML:

<div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                &times;
                            </button>
                            <h4 class="modal-title" id="H3">Add New Overtime</h4>
                        </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <div class='input-group date' id='ot_date'>
                                    <input type='text' class="form-control datepicker" placeholder="Enter OT Date" />
                                    <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class='input-group date' id='ot_timein'>
                                    <input type='text' class="form-control" placeholder="Enter OT Time-in"/>
                                    <span class="input-group-addon"> <span class="glyphicon glyphicon-time"></span> </span>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class='input-group date' id='ot_timeout'>
                                    <input type='text' class="form-control" placeholder="Enter OT Time-out" />
                                    <span class="input-group-addon"> <span class="glyphicon glyphicon-time"></span> </span>
                                </div>
                            </div>

                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">
                                Close
                            </button>
                            <button type="submit" class="btn btn-primary">
                                Save
                            </button>
                        </div>

                    </div>

&时代；
增加新的加班时间
接近
拯救

JS:

$（文档）.ready（函数（）{
$（“#ot_date”）.datetimepicker（）；
$（'ot#u timein'）。日期时间选择器({
语言:"en",，
pick12HourFormat:true
});
$（“#ot_timeout”）.datetimepicker({
语言:"en",，
pick12HourFormat:true
});
});

我已经检查了以下链接，但仍然没有明确的答案

---

要初始化此元素的选取器：$（'#ot_date）.datetimepicker（）。 但它是一个“div”元素，而不是输入。尝试将您的HTML更改为：

 <div class="form-group">
    <div class='input-group date'>
        <input type='text' class="form-control datepicker" id="ot_date" placeholder="Enter OT Date" />
        <span class="input-group-addon"> 
           <span class="glyphicon glyphicon-calendar"></span> 
        </span>
     </div>
 </div>

---

要初始化此元素的选取器：$（'#ot_date）.datetimepicker（）。 但它是一个“div”元素，而不是输入。尝试将您的HTML更改为：

 <div class="form-group">
    <div class='input-group date'>
        <input type='text' class="form-control datepicker" id="ot_date" placeholder="Enter OT Date" />
        <span class="input-group-addon"> 
           <span class="glyphicon glyphicon-calendar"></span> 
        </span>
     </div>
 </div>

---

首先，非常感谢@gurupasad Rao让我了解了代码中缺少的内容。在控制台中，我发现在调用bootstrap-datetimepicker.js之前首先需要Moment.js。所以你可以下载

在我的代码中，我实现了以下功能：

<script src="<?php echo base_url(); ?>assets/bootstrap/plugins/datetimepicker/js/moment.js"></script>
<script src="<?php echo base_url(); ?>assets/bootstrap/plugins/datetimepicker/js/bootstrap-datetimepicker.js"></script>

---

首先，非常感谢@gurupasad Rao让我了解了代码中缺少的内容。在控制台中，我发现在调用bootstrap-datetimepicker.js之前首先需要Moment.js。所以你可以下载

在我的代码中，我实现了以下功能：

<script src="<?php echo base_url(); ?>assets/bootstrap/plugins/datetimepicker/js/moment.js"></script>
<script src="<?php echo base_url(); ?>assets/bootstrap/plugins/datetimepicker/js/bootstrap-datetimepicker.js"></script>

检查是否有任何控制台错误？检查是否有任何控制台错误？