【发布时间】:2017-01-16 20:13:06
【问题描述】:
我正在使用代码:
<fieldset>
<div class="row">
<div class="col-sm-5">
Price (in $): <%= f.input :price, label: false %>
</div>
<div class="col-sm-5">
<%= f.association :school, :collection => School.all.order(:name), as: :select %>
</div>
<div class="col-sm-2">
<%= f.label :_destroy, "Remove" %>
<%= f.check_box :_destroy %>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<%= f.input :begin, :include_blank => true %>
</div>
<div class="col-sm-6">
<%= f.input :enddate, :include_blank => true %>
</div>
</div>
</fieldset>
最终得到这个结果:
https://i.stack.imgur.com/KISbQ.png
有什么办法可以让“开始”和“结束日期”表格不占用 3 行吗?我想把“开始”只跨越 1 行,而“结束日期”跨越它下面的行。关于如何做到这一点的任何线索?
(我是在这个网站上工作的两个人之一,我不确定“开始”和“结束日期”表格是否在其他地方定义)
【问题讨论】:
-
默认情况下
rails将使用date_select作为日期对象。date_select提供 3 个年月日下拉菜单。为了解决这个问题,我通常创建一个自定义输入并使用 jQuery date_picker 和最小的 js 来处理生成单个框。这个SO Post 提供了一些有用的资源来实现这一目标 -
你是否使用了一些表单助手(除了默认的 rails one)?喜欢Formtastic?您使用输入的对象/模型是什么样的?例如,
@object.begin-字段是否代表数据库中的日期?也许您可以提供启动表单的完整代码(以及本地f)。
标签: html css ruby forms embedded-ruby