引导Datetimepicker跨度中断

我使用Bootstrap 3 Datepicker v4，但东西打破，我无法修复它。我认为这是打破CSS的输入。引导Datetimepicker跨度中断

<div class="container"> 
    <div class="row"> 
     <div class='col-sm-6'> 
      <div class="form-group"> 
       <div class='input-group date' id='datetimepicker1'> 
        <input type='text' class="form-control" /> 
        <span class="input-group-addon"> 
         <span class="glyphicon glyphicon-calendar"></span> 
        </span> 
       </div> 
      </div> 
     </div> 
     <script type="text/javascript"> 
      $(function() { 
       $('#datetimepicker1').datetimepicker(); 
      }); 
     </script> 
    </div> 
</div>

结果

我应该覆盖，以去除跨度和输入之间的差额？

来源

2016-07-27 dimitrisdan

检查此https://jsfiddle.net/Eonasdan/0Ltv25o8/ – CMedina

我试过了，但它不起作用。当我专注于第二个输入时，它不会打开日历，但是当我第一次关注日历时，它会打开日历，并在两个输入中都显示值。 – dimitrisdan

这是你的代码，https://jsfiddle.net/cmedina/0Ltv25o8/3150/ – CMedina

我试图重新使用Bootply的问题，但无法。

所以尝试改变div的宽度，像这样：

<div class='input-group date' id='datetimepicker1' style="width: 90%" <!-- Or something like that depending on what your preference is -->> 
    <input type='text' class="form-control" /> 
     <span class="input-group-addon"> 
      <span class="glyphicon glyphicon-calendar"></span> 
     </span> 
</div>

让我知道，如果这有助于！

来源

2016-07-27 14:53:11

宽度改变但余量保持不变。它只是更小。 – dimitrisdan

@Mitsos你检查了元素，以确保没有任何自定义CSS？ –

我检查过它，但这两者之间没有任何关系。 – dimitrisdan

回答

相关问题