程序员经验分享-hwhale

HTML 时间输入类型 - 如何在单击任意位置而不仅仅是单击时钟图标时选择时间菜单视图

2024-04-26

I working on the time input type in HTML, my problem is when I click on the small clock icon on the right side of the input, the selectable time menu is viewed but I need to show it when I click anywhere on input. enter image description here

我发现了这个问题，但这并不能解决我的问题，因为它与 Timepacker 有关，而不仅仅是 HTML。

单击整个输入类型时间 HTML5 字段不仅在小时钟图标上显示时间选择器 https://stackoverflow.com/questions/62810068/show-timepicker-on-click-whole-input-type-time-html5-field-not-only-on-little-cl

HTML :

  <label for="first" class="">{{__('From Hour')}}</label>
   <input type="time" class="form-control input-md"name="" id="from_hour" value="">

对我来说，添加onfocus="this.showPicker()"时间输入上的属性解决了问题。

source: https://stackoverflow.com/a/72627382/10414071 https://stackoverflow.com/a/72627382/10414071

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

html

input

time

HTML 时间输入类型 - 如何在单击任意位置而不仅仅是单击时钟图标时选择时间菜单视图 的相关文章

  • window.print() 仅打印屏幕的“可视”部分

    我有一个可滚动屏幕 上面有一个打印按钮 并且在其 onclick 事件上调用 window print 函数 我的问题是它只打印屏幕的 可见 部分 而不是整个屏幕 如果页面可滚动 则当内容无法容纳在 1 页中时 打印应扩展到 2 或更多 页

  • CSS相对div的宽度自动按绝对div扩展

    是否可以让父级 位置 相对 自动通过其绝对子级扩展其宽度 这是我的 jsfiddle 链接 http jsfiddle net YD2Xu http jsfiddle net YD2Xu 理想的是 container 和 full widt

  • JQuery 从 Div 中抓取文本减去子元素[重复]

    这个问题在这里已经有答案了 有没有一种简单的方法可以从这个 div 中获取文本而不获取任何子元素 div strong Title Text Unwanted strong This is the text I need div 我知道我可

  • 使用 PHP 的 HTML 中的选项字段

    我想根据从下拉列表中选择的区域名称搜索员工列表 我可以将数据库中的区域名称检索到 PHP HTML 的下拉列表中 但现在我很困惑如何将下拉列表中的选定选项传递给 PHP 中的 SQL 查询 我还想要索引号 选定的选项 我的代码如下

  • JQuery 使用一个复选框以编程方式取消选中其他复选框

    我正在寻找一个脚本 其中一个复选框将取消选中另一个复选框 虽然有点复杂 因为所有数据都是以编程方式加载的 因此 如果未选中某个复选框 则过程将获取其 src 值 然后遍历其他输入并查找标题为 RQlevel 单击元素的 src 值的输入 并

  • jQuery UI .buttonset() 太慢

    我的 HTML 页面上有几千个按钮 运行需要10多秒 buttonset buttonset 文件准备好 有没有更快的方法来做到这一点 或者是我以某种方式限制按钮数量的唯一解决方案 创建buttonset在第一次显示之前按需进行 我刚刚测试

  • 从 iOS/Android 上的网络应用程序调用本机日期选择器

    我正在尝试探索使用 HTML5 在不同平台上运行本机 Web 应用程序的可能性 目前 一个

  • 打印 HTML 时删除默认浏览器页眉和页脚

    我得到了一个带有以下内容的 HTML 我想问的问题是 有什么方法可以删除网络浏览器添加到打印页面的字符串吗 Such as 打印页面的网站 页数 网页标题 印刷日期 这些通常是浏览器特定的打印设置 例如 在 IE 和 FireFox 中 您

  • 在书签中使用本地存储

    我非常喜欢使用带有小脚本的书签 例如 我编辑了注释编辑脚本这个帖子 http www reddit com r LifeProTips comments 265rxe lpt use a browser tab as a quick and

  • 垂直居中弹出框 div

    我正在尝试制作一个类似 iPad 的弹出框 div 作为练习 但我不知道如何使弹出框 div 垂直居中 因为内容宽度 高度未指定 http jsfiddle net mbYyR 5 http jsfiddle net mbYyR 5 我希望

  • 如何使用手写笔在 HTML5 画布上绘图

    我使用 onmousedown onmousemove 和 onmouseup 事件在 HTML5 画布对象上使用 JavaScript 进行绘制 一切正常 现在我想用手写笔替换鼠标 Wacom Intuos Pro 因此我用 onpoin

  • 将 HTML 表格转换为 R 数据框

    table cellspacing 1 cellpadding 7 border 1 thead tr td align left valign middle nbsp td td align left 1a My peers make a

  • 发布后忽略基本标签

    在 Chrome 上我收到错误Refused to execute a JavaScript script Source code of script found within request 在发布包含域名的数据后 另请注意任一页面上都缺

  • 视频回退到 Flash 在 Firefox 中不起作用

    我一直在审查有关开发人员向其 HTML5 网站添加 Flash 后备的不同方式的材料 我有这个带有虚拟视频的测试代码

  • jQuery触发新添加的html代码

    示例我有 2 个 html 输入 div class wrap div

  • Javascript：使用箭头键导航表格输入

    我正在为客户制作 HTML 成绩册 我使用 PHP 生成成绩册 然后输出一个 HTML 表 如下例所示 每个 td 包含一个带有 td

  • 将画布输出图像调整为特定尺寸（宽度/高度）

    我有一个大画布 5000x5000 我想拍一张照片并在客户端创建一个缩略图 我可以使用捕获图像canvas toDataURL但我该如何调整它的大小 我必须创建一个新的吗

  • 当选择更改时使用 JQuery 进行检测

    我有一个 Jqgrid 它动态生成这样的选择

  • 如何获取表单的onSubmit事件？

    我想知道如何抢onsubmit表单中的事件来进行一些表单验证 因为我无权直接访问它 我正在编写一个用于评论的 WordPress 插件 因此无法直接访问表单标签或提交按钮 我在尝试为我的插件执行此操作时感到非常沮丧 因此我在下面编写了一个

  • grunt：如何生成 HTML 形式的 jshint 输出

    我正在尝试使用 grunt 运行 jshint 这可行 但现在我希望输出为 HTML 这是我的 grunt 文件 module exports function grunt Project configuration grunt initC

随机推荐

热门标签