如何在 select_time 中包含占位符文本？

Question

我有一个 'hour' 字段，并且希望 UI 在该字段内显示一个 'h' 以便用户知道在那里输入什么，但是 'h' 应该只是美观的，而不是可以选择的实际选项。

<%= f.label :"Select a tour time" %> 
<%= f.time_select :hour, { discard_minute: true, include_blank: true}, {class: "form-control", required: true, placeholder: "h"} %>

尝试 2:

<%= f.time_select :hour, { discard_minute: true, include_blank: true, placeholder: "h"}, {class: "form-control", required: true} %>

尝试 3：prompt: "h"，它没有将 'h' 添加到表单的美学中，而是作为一个附加选项（可能是选中):

<%= f.time_select :hour, { discard_minute: true, include_blank: true, prompt: "h"}, {class: "form-control", required: true } %>

尝试 4：include_blank: "h"，但它似乎没有做任何事情：

<%= f.time_select :hour, { discard_minute: true, include_blank: "h"}, {class: "form-control", required: true } %>

想要的结果

这是当前的形式：

我只想在右框中添加一个 'h'，就像在左框中添加 'dd/mm/yyyy' 一样。

Answer 1

您可以使用此方法生成时间select，并带有自定义提示.

<%= time_select:name, 'method', prompt: {hour: 'Choose hour', minute: 'Choose minute', second: 'Choose seconds'}  %>