Golden::Datetimepicker
Integrate datetime pickers with Rails asset pipeline.
Installation
Add this line to your application's Gemfile:
gem 'golden-datetimepicker'
And then execute:
$ bundle
Or install it yourself as:
$ gem install golden-datetimepicker
Usage
jQuery Timepicker Addon
Add datetime.css.sass
//= require jquery-timepicker-addon
.ui-datepicker
z-index: 999999 !important
select
&.ui-datepicker-month,
&.ui-datepicker-year
width: auto
margin: 0 5pxRequire it in your app/assets/stylesheets/application.css
*= require datetimeAdd datetime.js.coffee
#= require jquery-timepicker-addon
#= require jquery.ui.datepicker-zh-TW
#= require jquery-timepicker-addon/i18n/jquery-ui-timepicker-zh-TW
$ ->
$('body')
.on 'click', '.datepicker:not(.hasDatepicker)', ->
$(this).datepicker
dateFormat: 'yy-mm-dd'
changeMonth: true
changeYear: true
date = new Date($(this).val())
$(this).datepicker 'setDate', date
$(this).datepicker 'show'
.on 'click', '.timepicker:not(.hasDatepicker)', ->
$(this).timepicker
timeFormat: 'HH:mm:ss'
hourGrid: 4
minuteGrid: 10
secondGrid: 10
showTimezone: false
timeOnly: true
date = new Date()
if $(this).val() isnt ''
[hour, minute, secod] = $(this).val().split(':')
date.setHours hour
date.setMinutes minute
date.setSeconds secod
$(this).timepicker 'setDate', date
$(this).timepicker 'show'
.on 'click', '.datetimepicker:not(.hasDatepicker)', ->
$(this).datetimepicker
dateFormat: 'yy-mm-dd'
timeFormat: 'HH:mm:ss z'
hourGrid: 4
minuteGrid: 10
secondGrid: 10
showSecond: true
showTimezone: true
date = new Date($(this).val())
$(this).datetimepicker 'setDate', date
$(this).datetimepicker 'show'Require it in your app/assets/javascripts/application.js
//= require datetimeSet class in your input field and show as localtime.
<%= f.input :available_at,
as: :string,
input_html: {
value: f.object.available_at.try(:localtime),
class: 'datetimepicker'
} %>Here uses simple_form as form builder.
Contributing
- Fork it ( https://github.com/[my-github-username]/golden-datetimepicker/fork )
- Create your feature branch (
git checkout -b my-new-feature) - Commit your changes (
git commit -am 'Add some feature') - Push to the branch (
git push origin my-new-feature) - Create a new Pull Request