Twitter 引导日期时间选择器在模态中未正确显示

Twitter bootstrap datetime-picker not showing properly in modal

本文关键字：显示 模态 日期 时间 选择器 Twitter      更新时间：2023-09-26

我一直在使用带有 ruby 的 Twitter 引导日期时间选择器来显示日历，我也在模态中使用它，但它显示为部分，因为我试图在屏幕底部显示

.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;
}

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

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

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

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

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

也请检查从你的浏览器火虫插件，推特引导日期选择器javascript加载与否？

希望它能:)

相关文章：