Bootstrap日期选择器：全局默认日期格式

Question

我正在将Bootstrap日期选择器添加到我的应用程序中，如下所示：

<%= 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>

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

- Nick

---

您可以将此脚本添加到您的application.js文件中。 - rick

你会将<script ...一直包括到</script>吗？你会将它添加到application.js文件的底部吗？ - Nick

Answer 1

你可以设置默认格式。

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

check full documentation here

- Moustafa Samir

---

谢谢，你会在哪个文件中进行这个操作？ - Nick

欢迎，您可以在页面加载后的初始化中完成，在$(document).ready()函数中。 - Moustafa Samir

如果你指的是哪个文件，那么这将取决于你如何管理你的js代码，也许你可以在一个utilities.js文件中添加$(document).ready部分，并在application.js中require引入bootstarp datepicker之后。 - Moustafa Samir

谢谢，我在app/assets/javascripts/filename.js中创建了一个新文件，并添加了$.fn.datepicker.defaults.format = "dd/mm/yyyy";。在application.js的末尾（.self之前），我添加了//= require filename。看起来它可以工作。如果我做错了什么，请告诉我。 - Nick

Answer 2

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

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

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

- adamliesko