【问题标题】:How to Change the Date formatting with jQuery UI Datepicker and Rails?如何使用 jQuery UI Datepicker 和 Rails 更改日期格式?
【发布时间】:2013-04-21 11:53:25
【问题描述】:

我无法相信日期选择器会如此复杂。我查看了有关 Stackoverflow 的各种问题,但无法使格式正常工作。我使用 Railscasts #213 Calendars(修订版)来设置 jQuery Datepicker。

在南非,我们使用 dd/mm/yyyy 格式,而不是大家所说的 mm/dd/yyyy 格式。

第一个问题是当我选择它在表单上显示为 mm/dd/yyyy 的日期时。我无法更改 - 尝试更改 Coffee Script,但这无济于事:

  jQuery ->
   $('#post_date').datepicker()
   dateFormat: "dd/mm/yy"
   minDate: "1w"

发布后它显示为 mm/dd/yyyy,但现在我希望日期以文字形式显示,并且以下代码 2013 年 4 月 1 日显示为 2013 年 1 月 4 日。

        <%= @post.date.strftime("%b %d %Y") %>

我尝试安装 I18n 并在 en.yml 上设置默认值,但没有效果:

        date:
         formats:
          default: "%d/%m/%y"

请有人直接回答如何做到这一点????

【问题讨论】:

  • dateFormat 不喝咖啡也能正常工作。 jsfiddle.net/y2wgK 看起来咖啡没有正确放置选项对象。我不喝咖啡,所以可能是语法问题
  • 试过了,还是一样: $(function (){ $('#post_date').datepicker() ({ dateFormat: 'dd-mm-yy' }); });
  • Rails 似乎忽略了我在 .datepicker => 之后输入的所有内容 => 我做错了什么??

标签: jquery ruby-on-rails jquery-ui formatting jquery-ui-datepicker


【解决方案1】:

我无法帮助您使用 jQuery 日期选择器,因为我从未使用过它。也许这篇文章就是你需要的:jQuery UI DatePicker - Change Date Format

基本上,这应该可以解决您的问题:

$('#post_date').datepicker(dateFormat: 'dd-mm-yy');

至于在打印日期时格式化日期,而不是使用 strftime 这样做,您可以通过在应用程序的 config/initializers 文件夹中创建 date_formats.rb 并添加以下行来快速设置日期的通用默认格式:

Date::DATE_FORMATS[:default] = "%d-%m-%Y"

【讨论】:

  • Rails 似乎忽略了我在 .datepicker 之后放置的所有内容?我错过了什么?
  • 那么在我看来,您的 CoffeeScript 文件中可能存在语法错误。你能编辑你的帖子并添加你的代码吗?
  • 所有代码都在那里,包括完整的 CoffeeScript 文件。我也添加了 minDate。我现在到处都看过,测试过,用谷歌搜索过。我被难住了!
  • 在我看来,CoffeeScript 是正确的,但我真的没有太多经验。你为什么不使用普通的 javascript 而不是使用 CoffeeScript?
  • 也试过了。同样的事情!
【解决方案2】:

Coffee 脚本应该是(见括号):

  $('#post_date').datepicker (dateFormat: 'dd-mm-yy')

我不知道 Railscasts #213 日历(修订版)是如何工作的,因为 Ryan 根本不使用方括号。

【讨论】:

    【解决方案3】:

    我意识到这已经晚了,但enter link description here 帮助您按照您正在寻找的形式格式化数据。

    我不得不求助于直接连接 jquery 插件,因为 rails 钩子对我不起作用(日历从未弹出)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-06-03
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多