在 html 输入日期时间本地选择器中禁用前一天的前一个时间

2024-01-17

我正在尝试找出解决方案来解决不允许用户选择上次的问题。我的意思是例如

今天的日期: 17-02-2019
当前时间: 02:30 PM

因此,当用户选择今天的日期并选择时间 02:30 AM 而不是 PM 时。这里时间已经过去,因此不应允许用户选择 AM 时间,因为当前时间是 02:30 PM

根据 MDN 文档,下面的代码应该可以工作,但它不起作用。

   <input type="datetime-local" min="2019-02-17T14:30" />

根据下面的文档,它不应该允许我选择时间,例如上午 9:00、上午 10:00 甚至下午 02:29,但我可以选择。我什至尝试了他们的小提琴示例,但他们的示例确实允许我选择过去的时间

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local


这可能是由于格式的原因,您可能需要去掉秒数。在 console.log 中,您可以看到秒数,但是在设置时min需要剥离的秒和微秒的值

var today = new Date().toISOString();
console.log(today)
document.getElementById("daTi").min = '2019-02-17T10:38';
<input type="datetime-local" id='daTi' />
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 html 输入日期时间本地选择器中禁用前一天的前一个时间 的相关文章

随机推荐