132 |
Extras
133 |
134 |
135 |
Guides for making the picker work better with rails, IE, etc. Note: I have no idea if these guides still apply for v5 or not.
136 |
Rails 3
137 |
by dhulihan
138 |
You can easily override the default rails form helpers (date_select and datetime_select) with bootstrap-datetimepicker for a much nicer experience.
139 |
# Add to config/initializers/form.rb or the end of app/helpers/application_helper.rb
140 | module ActionView
141 | module Helpers
142 | class FormBuilder
143 | def date_select(method, options = {}, html_options = {})
144 | existing_date = @object.send(method)
145 | formatted_date = existing_date.to_date.strftime("%F") if existing_date.present?
146 | @template.content_tag(:div, :class => "input-group") do
147 | text_field(method, :value => formatted_date, :class => "form-control datepicker", :"data-date-format" => "YYYY-MM-DD") +
148 | @template.content_tag(:span, @template.content_tag(:span, "", :class => "glyphicon glyphicon-calendar") ,:class => "input-group-addon")
149 | end
150 | end
151 |
152 | def datetime_select(method, options = {}, html_options = {})
153 | existing_time = @object.send(method)
154 | formatted_time = existing_time.to_time.strftime("%F %I:%M %p") if existing_time.present?
155 | @template.content_tag(:div, :class => "input-group") do
156 | text_field(method, :value => formatted_time, :class => "form-control datetimepicker", :"data-date-format" => "YYYY-MM-DD hh:mm A") +
157 | @template.content_tag(:span, @template.content_tag(:span, "", :class => "glyphicon glyphicon-calendar") ,:class => "input-group-addon")
158 | end
159 | end
160 | end
161 | end
162 | end
163 |
164 |
165 |
The time format used here is ActiveRecord-friendly, which means it will be parsed correctly when passed in through params to your record.
166 |
That's all there is to it! Now all of your forms that use datetime_select or date_select will be automatically updated:
167 |
<% form_for @post do |f| %>
168 | <div class="form-group">
169 | <label>Published At</label>
170 | <%= f.datetime_select :published_at %>
171 | </div>
172 | <% end %>
173 |
174 |
161 | 
167 | 
173 | 
184 | 
190 | 
196 | 
128 |