javascript - 样式化日期时间-本地日历清除按钮

标签 javascript html css

有没有办法从 html5 日期时间选择器附带的日历弹出窗口中设置或删除此清除按钮?它没有清除我的字段,并且想删除或编辑它,因为它无法正常工作。

enter image description here

这里是输入的html

<label for="rowKeyStartDate">Start Date/Time: </label>
<mat-form-field appearance="outline">
    <input matInput id="rowKeyStartDate" type="datetime-local" step="0.001" formControlName="rowKeyStartDate" required>
</mat-form-field>

最佳答案

Clear 按钮隐含的一种工作方式是添加一个隐藏的 <button>元素:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Test Application</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <input id="el" type="datetime-local">
    <button onclick="javascript:el.value=''" hidden></button>
</body>
</html>

关于javascript - 样式化日期时间-本地日历清除按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70365987/

相关文章:

javascript - 将点击事件绑定(bind)到使用 jquery 即时生成的 div block

javascript - 在 Laravel 中使用 ajax 创建图库模态

javascript - 使用一个函数来改变条件内的东西,使条件依赖于顺序,这是不好的做法吗?

javascript - 当用户位于页面中的不同点时,如何在 UI Bootstrap 中显示警报

javascript - 我想在 codeigniter 中使用 AJAX 重定向 Controller

HTML/CSS 登录页面问题,IE 中的样式不起作用

html - Css 如何设置 img 尺寸与父级无关

html - 如何摆脱 <a hrefs> 和 <img> 之间的空白

javascript - 动态更改 SAP Fiori 标题时出现 "this.getService is not a function"

javascript - 接下来 5 分钟的剩余时间 - Javascript