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