初始化时的Datepicker格式

Question

我的数据库中有一个表格，其中有一列date。当我编辑此表时，输入的值具有以下格式：yy-mm-dd。在我的js文件中，我初始化了datepicker：

$('#date-input').datepicker({
            numberOfMonths: 1,
            isRTL : $('body').hasClass('rtl') ? true : false,
            prevText: '<i class="fa fa-angle-left"></i>',
            nextText: '<i class="fa fa-angle-right"></i>',
            showButtonPanel: false,
            dateFormat: 'dd-mm-yy'
        });

正如您所看到的，我已经指定了格式：dateFormat: 'dd-mm-yy'，但它仅在我从选择器中选择日期时才有效。有什么方法可以设置一个propper日期格式，所以编辑日期将是，例如，01-09-2018，但不是2018-09-01？谢谢。

Answer 1

您必须在编辑模板上设置正确的格式。假设您正在使用带有对象的form_for：

f.text_field :some_date, @object.some_date.to_formatted_s('dd-mm-yy')

然后初始日期将是datepicker的格式配置可以理解的日期。

您可以使用本地化减少硬编码：

f.text_field :some_date, l(@object.some_date, format: :input)
# `l` method is a shortcut for I18n.l, a shortcut for I18n.localize

然后在你的es.yml上有一个日期格式（我猜你没有开发一个给定格式的英文应用程序）：

es:
  date:
    formats:
      input: 'dd-mm-yy'

这样你就可以在一个地方改变格式甚至接受不同的语言（你可以使用本地化格式，而不是在脚本上硬编码格式）。