Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Add separators to data_select on Rails.
branch: master


latest commit a3ec2ba07f
rono23 authored
Failed to load latest commit information.
lib v0.0.7
test Add line break to wrapper_select_tag
.gitignore Add rails dummy
Gemfile Add rails dummy
LICENSE Update LICENSE Fix class_prefix
Rakefile Add rails dummy
date_select_separator.gemspec Fix dependency


Add separators to data_select and datetime_select on Ruby on Rails.


Add this line to your application's Gemfile:

gem 'date_select_separator'

And then execute:

$ bundle


Add translations to your locale file like below.

      year: 年
      month: 月
      day: 日
      hour: 時
      minute: 分
      second: 秒

Add use_separators: true option to data_select or datetime_select.

# Add a separator after each select_tags
<%= f.date_select :birthday, use_month_numbers: true, use_separators: true %>
<%= f.datetime_select :birthday, use_month_numbers: true, time_separator: '', use_separators: true %>

# Add a separator to each option_tags except month. Month is used a value like
<%= f.date_select :birthday, use_separators: { inline: true } %>
<%= f.datetime_select :birthday, time_separator: '', use_separators: { inline: true } %>

# Options: html_tag, class_prefix, translations, wrapper_select_tag etc
<%= f.date_select :birthday, use_month_numbers: true, use_separators: { html_tag: :div, class_prefix: 'foo' } %>
<%= f.date_select :birthday, use_month_numbers: true, use_separators: { year: 'yy', month: 'mm', day: 'dd' } %>
<%= f.date_select :birthday, use_month_numbers: true, use_separators: { wrapper_select_tag: true } %>
<%= f.date_select :birthday, use_month_numbers: true, use_separators: { wrapper_select_tag: { html_tag: :span, class_prefix: 'foo_' }} %>


  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
Something went wrong with that request. Please try again.