Первый способ(простой 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 |