DateTimePicker¶ ↑

A library allows to select date and time, which uses jQuery UI.

You should have jquery-rails gem installed and require jquery and jquery-ui assets (don’t forget to require CSS for your jQuery UI).

Add this to your Gemfile and run the bundle command

gem 'date_time_picker'

Run generator to create initializer

rails generate date_time_picker

or create file manually and activate date_time_picker inside an initializer:

DateTimePicker.activate :simple_form

You can pass only :simple_form to the activate method.

By default plugin includes most using locales and you can require them from your application.js or using the helper, but if you want to add your locales or/and change one of them, then just put them into your assets dir.

To add necessary assets add into your head

<%= date_time_picker_assets %>

Or you can add them manually by requiring date_time_picker and date_time_picker_locale

To use the picker inside the form

<%= f.date_time_picker :datetime %>

To use it outside the form

<%= date_time_picker :datetime %>

To specify special options add them into the end

<%= t.date_time_picker :datetime, :id => 'input_id', :class => [:class_1, :class_2], :ampm => true %>

The full list of available options you can find on the jQuery UI Datepicker docs and jQuery UI Timepicker.

By default plugin uses app locale, but if you want to specify it manually you can do this

<%= t.date_time_picker :datetime, :locale => :ru %>

Also available

<%= date_picker :date_only %>

<%= time_picker :time_only %>

To use the picker inside the form

<%= f.input :created_at, as: :ui_date_time %>

Also available

<%= f.input :created_at, as: :ui_date %>

<%= f.input :created_at, as: :ui_time %>