Bootstrap datepicker：全局默认日期格式答案

【问题标题】：Bootstrap datepicker: global default date formatBootstrap datepicker：全局默认日期格式
【发布时间】：2015-07-16 13:02:30
【问题描述】：

我正在将 Bootstrap datepicker 添加到我的应用程序中，如下所示：

<%= f.date_field :date, 'data-provide': 'datepicker' %>

我想要一个日期格式：'dd/mm/yyyy'。我知道我可以这样做：

<%= f.date_field :date, class: 'datefield' %>
<script type="text/javascript">
  $(document).ready(function(){
    $('.datefield').datepicker({
      format: 'dd/mm/yyyy'
    });
  });
</script>

这意味着尽管在我的应用程序的每个页面上使用此类日期字段，我都需要添加此代码。 有没有办法将日期选择器的格式设置为一次全局？这样也许我可以继续使用我帖子顶部的行。

【问题讨论】：

您可以将此脚本添加到您的 application.js 文件中。
您是否会一直包含<script ... 直到并包含</script>？你会在 application.js 文件的底部添加这个吗？

标签： ruby-on-rails twitter-bootstrap ruby-on-rails-4 datepicker

【解决方案1】：

您可以设置默认格式

$.fn.datepicker.defaults.format = "mm/dd/yyyy";

查看完整文档here

【讨论】：

谢谢，你会在哪里/在哪个文件中这样做？
欢迎您，您可以在页面加载后的初始化中进行，在 $(document).ready 中
如果你的意思是哪个文件，那么这将取决于你如何管理你的 js 代码，也许你可以在实用程序.js 文件中添加 $(document).ready 部分并需要这个文件application.js 之后需要 bootstarp datepicker
感谢我将$.fn.datepicker.defaults.format = "dd/mm/yyyy"; 添加到我在app/assets/javascripts/filename.js 中创建的新文件中。在application.js 的末尾（.self 之前）我添加了//= require filename。它似乎工作。如果我做错了什么，请告诉我。

【解决方案2】：

您可以更改默认日期格式。

$('.datepicker').datepicker({
    format: 'dd/mm/yyyy'
})

http://bootstrap-datepicker.readthedocs.org/en/latest/index.html?highlight=format

【讨论】：