Twitter bootstrap datetime-picker在模态中未正确显示

Question

我一直在使用带有 ruby​​ on rails 的 twitter bootstrap datetime-picker 来显示日历，我也在模态中使用它，但它显示为部分，因为我试图在屏幕底部显示

HTML

 <div id="datetimePicker" class="input-append date">
     <input data-format="dd/MM/yyyy hh:mm:ss" type="text" id="testdate"></input>
     <span class="add-on"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i></span>
 </div>

JS

<script>
 $(document).ready(function(){
   $('#datetimePicker').datetimepicker(); 
 });
</script>

我也使用了这个额外的 css

.bootstrap-datetimepicker-widget {
 z-index:99999 !important;
}

Answer 1

请在日期选择器上添加您的输入字段 ID。

请不要在你的.JS 文件上写标签。

$(function() {
     "use strict";
     $(document).ready(function(){
       $('#testdate').datetimepicker(); 
     });
   });

或者您可以在 .html 文件中直接添加以下代码

<script>
 $(document).ready(function(){
   $('#testdate').datetimepicker(); 
 });
</script>

还请检查您的浏览器萤火虫插件，twitter bootstrap datepicker javascript 加载与否？

希望它会起作用:)