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

HTML Input Type Date, Open Calendar by default(HTML 输入类型日期,默认打开日历)
本文介绍了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" />

这是一个小演示

这篇关于HTML 输入类型日期,默认打开日历的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

Updating initialValues prop on Formik Form does not update input value(更新Formik表单上的初始值属性不会更新输入值)
how to remove this error quot;Response must contain an array at quot; . quot;.quot; while making dropdown(如何删除此错误quot;响应必须在quot;处包含数组。创建下拉菜单时(Q;))
Why is it necessary to use `document.createElementNS` when adding `svg` tags to an HTML document via JS?(为什么在通过JS为一个HTML文档添加`svg`标签时,需要使用`Document.createElementNS`?)
wkhtmltopdf print-media-type uses @media print ONLY and ignores the rest(Wkhtmltopdf print-media-type仅使用@media print,而忽略其余内容)
price depend on selection of radio input(价格取决于无线电输入的选择)
calculate price depend on selection without button(根据没有按钮的选择计算价格)