Первый способ(простой DateTimePicker)
Необходимые гемы:
1
2
3
4
|
gem 'rails-assets-moment' gem 'rails-assets-datetimepicker' end |
Подключаем css:
1
|
*= require datetimepicker |
Подключаем js:
1
2
|
//= require moment //= require datetimepicker |
Инициализация(coffee):
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
# DateTimePicker ОПИСАНИЕ ВСЕХ ОПЦИЙ: # ############################################### # Дата и время $( '.datetimepicker' ).datetimepicker format: 'd.m.Y H:i' pick12HourFormat: false step: 60 lang: 'ru' # inline: true #показать виджет сразу и не скрывать # Дата $( '.datepicker' ).datetimepicker timepicker :false , format: 'Y-m-d' lang: 'ru' ############################################### |
Поле для даты(haml):
1
|
%input.datetimepicker{ name: "date" , value: DateTime.now.strftime( '%d.%m.%Y %H:%M' ) } |
Второй способ способ(Bootstrap)
Используем гем datetimepicker-rails
Необходимые гемы:
1
2
|
gem 'momentjs-rails' gem 'datetimepicker-rails' , github: 'zpaulovics/datetimepicker-rails' , branch: 'master' , submodules: true #Bootstrap 3+ |
Подключаем js:
1
2
3
|
//= require moment //= require bootstrap-datetimepicker //= require pickers |
Подключаем css:
1
|
*= require bootstrap-datetimepicker |
Выполняем в терминале:
1
|
rails generate datetimepicker_rails: install |
Использование в SimpleForm (haml):
1
2
3
|
= f.input :start_date_time, :as => :datetime_picker = f.input :closing_date, :as => :date_picker |