2
當前表單代碼:渲染datetime_select
<%= form_for @booking do |f| %>
<%= render 'shared/error_messages', :object => f.object %>
<time class="field">
<%= f.label :date %>
<%= f.datetime_select :date_time, :prompt => { :hour => "Hour", :minute => "Minute" } %>
</time>
<% end %>
這使得在新行中的每個選擇項。
我不能後圖像,由於我的小白StackOverflow的狀態,但我會盡力在解釋性文本,以顯示它:
select year
select month
select day
...and so on with time.
有沒有一種簡單的方法來呈現同一行即在這些領域一行中的日期選擇器,下一個時間選擇器?
select year | select month | select day
呈現的HTML:
<time class="field">
<option value="2006">2006</option>
...edited for legibility...
<option value="2016">2016</option>
</select>
<select id="booking_date_time_2i" name="booking[date_time(2i)]">
<option value="1">January</option>
...edited for legibility...
<option value="12">December</option>
</select>
<select id="booking_date_time_3i" name="booking[date_time(3i)]">
<option value="1">1</option>
...edited for legibility...
<option value="31">31</option>
</select>
— <select id="booking_date_time_4i" name="booking[date_time(4i)]">
<option value="">Hour</option>
<option value="00">00</option>
...edited for legibility...
<option value="23">23</option>
</select>
: <select id="booking_date_time_5i" name="booking[date_time(5i)]">
<option value="">Minute</option>
<option value="00">00</option>
...edited for legibility...
<option value="59">59</option>
</select>
</time>
這是一個CSS問題。請提供生成的HTML結構,以便我們向您顯示所需的CSS。 – clyfe