Архив рубрики: datetime

Подключаем DateTimePicker

link1    link2    link3    link3

Первый способ(простой DateTimePicker)

Необходимые гемы:

1
2
3
4
source 'https://rails-assets.org' do
  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 ОПИСАНИЕ ВСЕХ ОПЦИЙ:
# http://xdsoft.net/jqplugins/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