2012-10-03 16 views
8

Tengo el siguiente date_select helper. Quiero agregar una clase pero no está produciendo el HTML.Agregando una clase de CSS a date_select

<%= date_select :recipient, :birthday, :order => [:day, :month, :year], :start_year => 1920, :end_year => 2013, :class => "input-mini" %> 

También he probado con un hash como algunos sugieren soluciones pero me da un error de sintaxis:

<%= date_select :recipient, :birthday, :order => [:day, :month, :year], :start_year => 1920, :end_year => 2013, {:class => "input-mini"} %> 

No estoy seguro de que realmente haya entendido cuándo y cómo dar formato con un hash.

Respuesta

8

Esto debería funcionar:

<%= date_select :recipient, :birthday, 
:order => [:day, :month, :year], 
:start_year => 1920, 
:end_year => 2013, 
:html=>{:class => "input-mini"} 
%> 

Actualización: para los carriles 5

<%= date_select :recipient, :birthday, 
       { 
       :order => [:day, :month, :year], 
       :start_year => 1920, 
       :end_year => 2013 
       }, 
       {:class => "input-mini"} %> 
0

tratar

clas dentro de hash html como :html=>{:class=>'input-mini'}

<%= date_select :recipient, :birthday, :order => [:day, :month, :year], :start_year => 1920, :end_year => 2013, :html=>{:class => "input-mini"} %> 
28

La respuesta validado no funcionó para mí, lo que funcionó fue:

<%= date_select 
    :recipient, 
    :birthday, 
    {:order => [:day, :month, :year], :start_year => 1920, :end_year => 2013}, 
    {:class => "input-mini"} 
%> 

Cuál tiene más sentido según la docs:

date_select(object_name, method, options = {}, html_options = {}) 
0

Como podemos ver en la docs, la date_select ayudante quieren los parámetros específicos:

date_select(object_name, method, options = {}, html_options = {}) 

Para mí sólo ni adjuntar la metanfetamina desde opción y dejan las opciones picadillo {} vacío funcionó a la perfección:

datetime_select(:recipient, {}, {:class => 'custom-select'}) 

O si lo desea utilizar con :birthday parámetro sólo tiene que utilizar:

datetime_select(:recipient, :birthday, {}, {:class => 'custom-select'}) 
Cuestiones relacionadas