2011-12-10 44 views
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> 
&mdash; <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> 
+1

這是一個CSS問題。請提供生成的HTML結構,以便我們向您顯示所需的CSS。 – clyfe

回答

0

我不會用標準datetime_select幫手,我會與您建立希望和風格你想要的方式select語句的輔助方法。

這裏是鏈接到文檔的選擇視圖方法:http://api.rubyonrails.org/classes/ActionView/Helpers/FormOptionsHelper.html

剛剛創建的SELECT語句有你需要的ID和名稱值(即booking_date_time_2i爲一個月,4I爲小時等...) ,並把它們全部放在幫手裏,這樣你就可以輕鬆地打電話給他們。