Skip to content

Commit aa0f1a5

Browse files
committed
Update README.md
1 parent 0f34fb6 commit aa0f1a5

File tree

1 file changed

+25
-18
lines changed

1 file changed

+25
-18
lines changed

README.md

Lines changed: 25 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44

55
# ActiveAdminDatetimepicker
66

7-
Adds ability to use XDSoft's DateTime picker as the date_time_picker input for forms, and date_time_range for filters
7+
Adds ability to use XDSoft's DateTime picker as the `date_time_picker` input for forms, and `date_time_range` for filters
88

99

1010
![ActiveAdminDatetimepicker](https://raw.githubusercontent.com/ActiveAdminPlugins/activeadmin_datetimepicker/master/screen/screen.png "ActiveAdminDatetimepicker")
@@ -25,31 +25,37 @@ Or install it yourself as:
2525

2626
$ gem install active_admin_datetimepicker
2727

28-
## Usage
28+
Update `app/assets/stylesheets/active_admin.css.scss`:
2929

30-
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).
31-
The `date_time_picker` input accepts many of the options available to the standard jQueryUI Datepicker. For example:
30+
```css
31+
@import "active_admin_datetimepicker";
32+
```
3233

33-
JS asset
34-
```//= require active_admin_datetimepicker```
34+
Update `app/assets/javascripts/active_admin.js.coffee`:
3535

36-
CSS
37-
```@import "active_admin_datetimepicker";```
36+
```coffee
37+
#= require active_admin_datetimepicker
38+
```
3839

3940

40-
```ruby
41-
form do |f|
42-
f.input :starts_at, as: :date_time_picker, datepicker_options: { min_date: "2013-10-8", max_date: "+3D" }
43-
f.input :ends_at, as: :date_time_picker, datepicker_options: { min_date: 3.days.ago.to_date, max_date: "+1W +5D" }
44-
end
45-
```
41+
## Usage
42+
43+
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).
44+
The `date_time_picker` input accepts many of the options available to the standard jQueryUI Datepicker. For example:
4645

4746
```ruby
48-
filter :created_at, as: :date_time_range
47+
# New/Edit form
48+
form do |f|
49+
f.input :starts_at, as: :date_time_picker, datepicker_options: { min_date: "2013-10-8", max_date: "+3D" }
50+
f.input :ends_at, as: :date_time_picker, datepicker_options: { min_date: 3.days.ago.to_date, max_date: "+1W +5D" }
51+
end
52+
53+
# Index page filters
54+
filter :created_at, as: :date_time_range
4955
```
5056

51-
5257
## Override behaviour in initializer
58+
5359
```ruby
5460
# This if for front-end javascript side
5561
ActiveAdminDatetimepicker::Base.default_datetime_picker_options = {
@@ -60,9 +66,10 @@ ActiveAdminDatetimepicker::Base.format = "%Y-%m-%d %H:%M:%S"
6066
```
6167

6268
## Change datetime format
63-
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.
69+
If you want to change format - you need to make sure that front-end and back-end formats are identical.
70+
And remember JS and Ruby datetime format has different syntax.
6471

65-
Create configuration file '/config/initializers/init_datetimpicker.rb'
72+
Create configuration file `/config/initializers/init_datetimpicker.rb`
6673

6774
```ruby
6875
# Example "11/03/2016 13:00"

0 commit comments

Comments
 (0)