Javascript 需要内联日期、月份和年份选择标记

我在编辑用户配置文件页面中有一个生日字段，如图所示

我希望它以这种方式水平显示

到目前为止，我使用的代码如下：

在visitors/edit.html.erb中

<%= simple_form_for([@user],:url => visitor_path(@user), method: :put, :class => 'form form-horizontal') do |f| %>
  <%= f.label :birthday %>      
  <div class="form-group">
    <div class="col-sm-2">
      <%= birthday_field_for(f, end_year: Date.today.year) %>
    </div>
  </div>
<% end %>

---

请帮我解决css问题。

谢谢大家的回答

选定容器的宽度设置为100%。因此，下一个“选择”选项卡出现在新行中

在visitors/edit.html.erb中添加css确实解决了我的问题

<% content_for :head_css do %>
  <style type="text/css">
    .select2-container {
      width: 120px !important;
    }
  </style>
<% end %>

---

你们可以发布一些html和css吗？你们的容器可能太小了。简单的表单日期输入很自然inline@Aru请查收。这里的情况还算不错。但不在我的应用程序中。@sakshi，希望您只显示选择框user_Birth_3i、user_Birth_2i、user_Birth_1i作为输出，其他分区s2id_user_Birth_3i、s2id_user_Birth_2i、s2id_user_Birth_1i供您操作！！如果是，那么你可以写一个css，比如。col-sm-2 div{display:none；}将解决您的问题

<% content_for :head_css do %>
  <style type="text/css">
    .select2-container {
      width: 120px !important;
    }
  </style>
<% end %>