jQuery Timepicker下拉列表显示不正确

Question

我以前从未使用过此软件包。但是现在对我而言，我在正确显示下拉菜单时遇到了问题。我将其与茧宝石一起使用，以根据需要添加新的时间字段。

我已将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中显示时间。选择时间后，它可以正确显示，但是在加载编辑页面时，它将显示以下格式。

Answer 1

我终于能够得到它。我不知道可以使用f.object来访问该对象。这样，我终于可以使用value: f.object.start_time.strftime('%H:%M')

设置值