活动时间选择器

添加 XDSoft 的日期时间拾取器为 a date_time_picker 表格输入,以及 date_time_range 用于过滤器.

安装

将此行添加到您的应用程序 Gemfile数字 :

gem 'active_admin_datetimepicker'

然后执行:

$ bundle

或者自己装作:

$ gem install active_admin_datetimepicker

通过Sprockets使用资产

将以下行添加到 app/assets/stylesheets/active_admin.scss数字 :

@import "active_admin_datetimepicker";

将以下行添加到 app/assets/javascripts/active_admin.js数字 :

//= require active_admin_datetimepicker

通过国家预防机制/雅尔恩利用资产

执行 :

$ npm i @activeadmin-plugins/active_admin_datetimepicker

或者说

$ yarn add @activeadmin-plugins/active_admin_datetimepicker

或者手动添加到 package.json数字 :

"dependencies": {
  "@activeadmin-plugins/active_admin_datetimepicker": "latest"
}

并执行 :

$ yarn

将以下行添加到 app/assets/javascripts/active_admin.js数字 :

import '@activeadmin-plugins/active_admin_datetimepicker';

将以下行添加到 app/assets/stylesheets/active_admin.scss数字 :

@import '@activeadmin-plugins/active_admin_datetimepicker';

使用量

此插件添加到 date_time_picker 输入和 date_time_range 过滤器,使用 XDSoft 日期时间拾取器。 。 。 .

这个 date_time_picker 输入接受标准 jQueryUI Datepicker 可用的许多选项。 例如:

  # Index page filters
  filter :created_at, as: :date_time_range

  # New/Edit form
  form do |f|
    f.input :starts_at, as: :date_time_picker, datepicker_options: { min_date: "2013-10-8",        max_date: "+3D" }
    f.input :ends_at,   as: :date_time_picker, datepicker_options: { min_date: 3.days.ago.to_date, max_date: "+1W +5D" }
  end

取代初始化中的行为

# This if for the front-end JavaScript side
ActiveAdminDatetimepicker::Base.default_datetime_picker_options = {
    defaultDate: proc { Time.current.strftime("%Y-%m-%d 00:00") }
}
# This if for the Ruby backend
ActiveAdminDatetimepicker::Base.format = "%Y-%m-%d %H:%M:%S"

更改日期时间格式

如果想要改变格式,则需要确保前端和后端格式相同. 记住JS和Ruby约会时间格式有不同的语法.

创建配置文件 config/initializers/init_datetimepicker.rb数字 :

# Example "11/03/2016 13:00"
ActiveAdminDatetimepicker::Base.default_datetime_picker_options = {
    format: 'd/m/Y H:i', # JS format
    defaultTime: proc { Time.current.strftime('%H:00') } # not necessary
}
ActiveAdminDatetimepicker::Base.format = "%d/%m/%Y %H:%M" # Ruby format

见 详细日期选择文件。 。 。 .

捐款

1. 叉开它 https://github.com/活化admin-plugins/活化 admin datetimepicker/fork 互联网档案馆的存檔,存档日期2013-12-21 (中文(简体) )
2. 创建您的特性分支( E)git checkout -b my-new-feature(中文(简体) )
3. 提交更改( E)git commit -am 'Add some feature'(中文(简体) )
4. 推向分行(git push origin my-new-feature(中文(简体) )
5. 创建新拉请求