javascript - HTML:输入类型日期和月份范围

Question

我正在尝试使用 input type="date" 制作一个 HTML 表单，该表单的范围是几个月，而不是几年。例如，我需要用户选择一个范围从三月到十月的日期，但包含所有可用年份(2019、2020、2021...)。

我知道属性 min 和 max 的选项，但我们必须填写整个特定日期，而我只需要几个月的范围。

min 和 max 的代码:

<input type="date" min="2019-03-01" max="2019-10-31">

是否有任何选项可以使用清晰的 HTML 来执行此操作，还是必须使用 JavaScript？

Answer 1

不幸的是，没有办法消除 HTML 日期输入的“年份”部分，考虑到它在不同平台上的实现差异很大，这是有道理的。

JS会让你构建你想要的东西，但是保证跨平台的可靠性会更加困难。这是一个选项，您可以使用日期输入但对其进行限制，然后使用 JS 剥离响应，尽管这实际上并没有隐藏更改年份的选项。

How to hide the year part in Html <input type="date"> calendar panel?

这里有一个类似的答案，可以引导您操作 jquery 的日期选择器来执行您想要的操作:

https://stackoverflow.com/a/10243049/1650488

最终，坚持使用 native HTML 元素而不是滚动自己的解决方案有很多好处，因此我个人会查看工作流程并尝试使其与 native 日期选择器有意义。

如果原生元素确实不起作用，那么构建自己的输入可能是有意义的，例如分别选择日期和月份范围，但随后您可能会遇到不同长度的月份的麻烦，并且会很困难管理辅助设备，例如屏幕阅读器。