Rails 4 x Bootstrap 3 Datetimepicker：设计不好

Question

我想在我的Rails4应用程序中应用Bootstrap3 Datetimepicker。

但是布局不如这个页面（在问题图像的中间）。 Rails 4 x Bootstrap 3 Datetimepicker: replace default datetime_select with datetimepicker

如果您能给我任何建议，我们将不胜感激。

_xxx_form.html.erb

<%= simple_nested_form_for(@schedule) do |f| %> 
    <div class="input-group date" id="datetimepicker"> 
    <%= f.label :departure_date %> 
    <%= f.text_field :departure_date, class: 'form-control' %> 
    <span class="input-group-addon"> 
     <span class="glyphicon-calendar glyphicon"></span> 
    </span> 
    </div> 
    <script type="text/javascript"> 
    $(function() { 
     $('#datetimepicker').datetimepicker({format:'MMM-DD-YYYY'}); 
    }); 
    </script> 
    ... 

解决！

在将f.label移动到<div class="input-group date" id="datetimepicker">之外后，布局如我所料。

... 
    <%= f.label :departure_date %> 
    <div class="input-group date" id="datetimepicker"> 
    <%= f.text_field :departure_date, class: 'form-control' %> 
    ... 

Answer 1

我认为这只是漂亮的

<%= f.text_field :departure_date, class: 'form-control', id: 'datepicker'%> 

JS

$(function() { 
    $("#datepicker").datepicker({ 
     dateFormat: "yy-mm-dd" 
    }); 
}); 

只需点击输入字段，则显示日历