【问题标题】:How to change these f.inputs?如何更改这些 f.inputs?
【发布时间】: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


【解决方案1】:

您是否尝试过使用f.datetime_local_field 而不是f.input?在创建日期时间输入字段之前,我从未遇到过这个问题。

【讨论】:

    猜你喜欢
    • 2019-01-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-09-23
    • 1970-01-01
    • 2014-07-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多