HTML 输入类型日期,默认打开日历

2022-01-11 00:00:00 input calendar html

我有一个任务是默认显示日历以在 html 的输入字段中选择日期.

I have a task which is to show the calendar by default to select date in the input field of html.

假设这是代码:

input type="date" name="bday"

好的,现在当我点击输入框时,会出现日历.

Ok, now when I click on the input box, the calendar appears.

告诉我如何在不点击输入的情况下默认显示日历.

Tell me how to show the calendar by default without clicking on the input.

推荐答案

这对于原生 HTML 输入元素是不可能的.您可以使用 webshim polyfill,它通过使用此标记为您提供此选项.

This is not possible with native HTML input elements. You can use webshim polyfill, which gives you this option by using this markup.

<input type="date" data-date-inline-picker="true" />

这是一个小演示

相关文章