README.md in active_admin_datetimepicker-0.6.2 vs README.md in active_admin_datetimepicker-0.6.3
- old
+ new
@@ -1,10 +1,12 @@
+[![Gem Version](https://badge.fury.io/rb/active_admin_datetimepicker.svg)](http://badge.fury.io/rb/active_admin_datetimepicker)
[![Build Status](https://img.shields.io/travis/activeadmin-plugins/active_admin_datetimepicker.svg)](https://travis-ci.org/activeadmin-plugins/active_admin_datetimepicker)
+[![Coverage](https://coveralls.io/repos/activeadmin-plugins/active_admin_datetimepicker/badge.svg?branch=master)](https://coveralls.io/r/activeadmin-plugins/active_admin_datetimepicker)
# ActiveAdminDatetimepicker
-Adds ability to use XDSoft's DateTime picker as the date_time_picker input for forms, and date_time_range for filters
+Adds ability to use XDSoft's DateTime picker as the `date_time_picker` input for forms, and `date_time_range` for filters
![ActiveAdminDatetimepicker](https://raw.githubusercontent.com/ActiveAdminPlugins/activeadmin_datetimepicker/master/screen/screen.png "ActiveAdminDatetimepicker")
## Installation
@@ -21,47 +23,54 @@
Or install it yourself as:
$ gem install active_admin_datetimepicker
-## Usage
+Add following line into `app/assets/stylesheets/active_admin.css.scss`
-Plugin offers the `date_time_picker` input and `date_time_range` filter , which use the [XDSoft DateTime Picker gem](https://github.com/shekibobo/xdan-datetimepicker-rails).
-The `date_time_picker` input accepts many of the options available to the standard jQueryUI Datepicker. For example:
+```css
+@import "active_admin_datetimepicker";
+```
- JS asset
- ```//= require active_admin_datetimepicker```
+Add following line into `app/assets/javascripts/active_admin.js.coffee`
- CSS
- ```@import "active_admin_datetimepicker";```
+```coffee
+#= require active_admin_datetimepicker
+```
-```ruby
-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
-```
+## Usage
+Plugin offers the `date_time_picker` input and `date_time_range` filter, which use the [XDSoft DateTime Picker gem](https://github.com/shekibobo/xdan-datetimepicker-rails).
+The `date_time_picker` input accepts many of the options available to the standard jQueryUI Datepicker. For example:
+
```ruby
- filter :created_at, as: :date_time_range
+ # 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
```
-
## Override behaviour in initializer
+
```ruby
# This if for front-end javascript side
ActiveAdminDatetimepicker::Base.default_datetime_picker_options = {
defaultDate: proc { Time.current.strftime("%Y-%m-%d 00:00") }
}
# This if for backend(Ruby)
ActiveAdminDatetimepicker::Base.format = "%Y-%m-%d %H:%M:%S"
```
## Change datetime format
-If you want to change format - you need to make sure that front-end and back-end formats are identical. And remember JS and Ruby datetime format has different syntax.
+If you want to change format - you need to make sure that front-end and back-end formats are identical.
+And remember JS and Ruby datetime format has different syntax.
-Create configuration file '/config/initializers/init_datetimpicker.rb'
+Create configuration file `/config/initializers/init_datetimpicker.rb`
```ruby
# Example "11/03/2016 13:00"
ActiveAdminDatetimepicker::Base.default_datetime_picker_options = {
format: 'd/m/Y H:i', # JS format