Rails - 格式化 date_field

Question

如何设置 date_field 的日期格式？

我得到了以下表格：

<%= form_for([@user, @vehicle]) do |f| %>
    <%= f.label :name, "Vehicle name" %>
    <%= f.text_field :name, class: 'form-control' %>
    <%= f.label :matriculation_date %>
    <%= f.date_field :matriculation_date, class: 'form-control' %>
    <%= f.submit "Add", class: "btn btn-primary" %>
<% end %>

这是为日期字段呈现以下 HTML：

<input class="form-control" type="date" name="vehicle[matriculation_date]" id="vehicle_matriculation_date">

日期字段接受以下格式的输入： mm/dd/yyyy 。 我希望它接受像dd/mm/yyyy这样的格式。

我试图编辑 it.yml 文件但没有任何运气。

it:
  date:
      formats:
        default: ! '%d/%m/%Y'

  datetime:
      formats:
        default: ! '%d/%m/%Y %H:%M'

有什么线索吗？ 谢谢

编辑

提出的解决方案都没有解决我的问题，所以我认为我的问题不是很清楚。 我想要的只是设置 date_field 如何提示用户的样式（有关更多详细信息，请参见图像）。 目前表单显示mm/dd/yyyy ，我希望它显示dd/mm/yyyy 。

不确定它可能是有用的信息，但我使用 Bootstrap 进行样式设置。

Answer 1

你可以这样做：

<%= f.date_field :matriculation_date, as: :date, value: f.object.try(:strftime,"%m/%d/%Y"), class: 'form-control' %> 

Answer 2

你可以试试这个

@yourdate.strftime("%m/%d/%Y")

这有效！

Answer 3

您可以使用strftime()转换日期strftime()

@date.strftime("%d/%m/%Y")

它会根据您的需要将您的日期转换为dd/mm/yyyy格式。 在这里，我向您展示一个示例：

t = Time.now
=> 2016-04-28 16:09:42 -0700
>> t.strftime("%d/%m/%Y")
=> "28/04/2016"

有关更多strftime()格式选项，您可以查看此http://apidock.com/ruby/DateTime/strftime

---

编辑：

阅读您的评论和屏幕截图后，我得到了如下解决方案。

你也可以在你的 gemfile.rb 上使用这个 gem： https : //github.com/Nerian/bootstrap-datepicker-rails

gem 'bootstrap-datepicker-rails'

然后捆绑安装并重新启动rails服务器

然后将此行添加到app/assets/stylesheets/application.css

*= require bootstrap-datepicker

并将这一行添加到app/assets/javascripts/application.js

//= require bootstrap-datepicker

并在您的表单中使用它：

<%= f.date_field :matriculation_date, :id => "datepicker" %>

并在表单的同一视图中添加此 javascript

<script>
$('#datepicker').datepicker({format: 'dd/mm/yyyy'});
</script>

Answer 4

我的回答基于@Dharmesh_Rupani 的回答

按照步骤添加gem 'bootstrap-datepicker-rails'

我对表格做了两个小改动

<%= f.text_field : matriculation_date, :placeholder => 'dd/mm/yyyy', class: 'form-control datepicker' %>

第一件事是我将字段的类型更改为文本，因为当我实现时我有两个日历，一个来自 date_field，另一个来自新 gem

我更改的另一件事是我使用:class而不是:id ，因为可能会发生您有多个日期字段

最后，你应该在视图中添加这个

<script>
  $( document ).ready(function() {
    $('.datepicker').datepicker({format: 'dd/mm/yyyy'});
  });
</script>