Awesome Open Source
Awesome Open Source


Gem Version

This gem packages the foundation-datetimepicker (JavaScripts & stylesheets) for Rails 3.1+ asset pipeline. It adds ability to use foundation-datetimepicker plugin within your Rails app without puting files inside vendor directory.


Add this line to your application's Gemfile:

gem 'foundation-datetimepicker-rails'

Add the following directive to your Javascript manifest file (application.js):

//= require foundation-datetimepicker

Add the following line to your stylesheet file (foundation_and_overrides.scss):

@import 'foundation';
@import 'foundation-datetimepicker';


Support for Foundation5 and Foundation-Icons-3 has been added.

##Quick instructions

Call the datetimepicker via javascript:


Language contribution

Current only support English(en), Chinese(zh), russian(ru), italian(it), brazilian portuguese(pt_BR), spanish(es), and japanese(ja), please contribute code to vendor/assets/javascripts/foundation-datetimepicker.js on line 1242 to support more language.

Language settings

Add a coffeescript file like below and require it to application.js to call datetimepicker with a specific language.

$ ->
    language: 'zh'


See the excellent demo provided by plugin's author - here.

Contributing to the original plugin

If you've encountered some plugin-related issues, please contribute directly to


  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (68,778
ruby (12,374
rails (654
foundation (31
datetimepicker (30

Find Open Source By Browsing 7,000 Topics Across 59 Categories