jQuery Timepicker下拉列表显示不正确

问题描述 投票:0回答:1

我之前没有使用过这个包。但是现在对于我的生活,我遇到了正确显示下拉列表的问题。我正在使用它和cocoon gem,根据需要添加新的时间字段。

enter image description here

我已将scss导入我的application.scss。我已将application.js中的脚本包含在//= require timepicker/timepicker中,我确保它在jQuery之后包含在内。另外,正如您所看到的那样,字段中填充了时间,只是没有格式化;这也给了我一些问题。

<%= f.text_field :start_time, 
                 class: 'timepicker form-control col-sm-12', 
                 disabled: disabled %>

感谢您提供的任何帮助。

此外,这是页面上的脚本标记中的javascript。

  $('input.timepicker').timepicker({
    timeFormat: 'H:i'
  });

编辑:由于某种原因我的导入不适合我的样式。我现在应该看到下拉列表了。但是,我仍然无法在编辑表单中以格式化方式在text_field中显示时间。选择时间时会正确显示,但加载编辑页面时会显示以下格式。

jquery ruby-on-rails timepicker
1个回答
0
投票

我终于能够得到它。我不知道我可以使用f.object访问表单中的对象。有了这个,我终于能够用value: f.object.start_time.strftime('%H:%M')设定价值

© www.soinside.com 2019 - 2024. All rights reserved.