ruby-on-rails - 如何在 select_time 中包含占位符文本?
问题描述
我有一个“小时”字段,并且希望用户界面在该字段内显示一个“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”。
解决方案
您可以使用此方法生成带有自定义提示的时间选择。
<%= time_select:name, 'method', prompt: {hour: 'Choose hour', minute: 'Choose minute', second: 'Choose seconds'} %>
推荐阅读
- sql - Oracle 动态 SQL 中的缺失值错误。对于以下查询,其抛出缺失值关键字
- c# - C# - 按钮悬停触发 OnPaint
- android - 如何获取字符串中所有单词出现的索引?
- android - 我可以为constraintLayout动画完成时设置回调吗
- forms - 是否可以从 Recaptcha v3 的“机器人列表”中删除“机器人”?
- javascript - 使用 Emscripten 从 C++ 调用 JavaScript 函数时出现奇怪的 i64 行为:
- javascript - 循环检查类并交换它 JavaScript
- java - 在片段中正确使用 onClick 方法来打开新活动是什么?
- java - Java 从 PostgreSQL 读取字节数组并写入图像文件
- android - Flutter 找不到连接的设备(虚拟设备)