相关疑难解决方法(0)
当输入[type =“ date”]成为焦点时如何显示日历弹出窗口
有没有一种方法可以在输入元素的焦点上激活本地HTML5日期选择器下拉菜单？
大型输入元素：
![大输入[类型=日期]元素](https://i.stack.imgur.com/xPH42.png)
目前，我只能在输入元素最右边的箭头上单击才能使用日历。
大型输入元素单击箭头
![大输入[type = date]元素onClick的箭头](https://i.stack.imgur.com/KeiLx.png)
我想在输入元素的焦点上激活此日历。
这是有问题的代码。
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Test</title>
</head>
<style media="screen">
.form-question {
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 0 3rem;
min-height: 3rem;
}
.form-question__title {
color: #342357;
font-size: 1.5rem;
padding: 1rem;
}
.input-container {
border-bottom: solid 2px #333333;
}
.input-container input {
border: none;
box-sizing: border-box;
outline: 0;
padding: .75rem;
width: 100%;
}
</style>
<body>
<div class="form-question">
<div class="form-question__title">
<span>Effective Date</span>
</div>
<div class="input-container">
<input id="effective-date" type="date" name="effective-date" minlength="1" maxlength="64" …7
推荐指数
推荐指数
2
解决办法
解决办法
7542
查看次数
查看次数
如何在单击输入中的任意位置时打开 HTML 日期选择器对话框？
type=date的默认 HTML 输入（下面的代码）将显示日期选择器输入。
但是，仅当您单击输入最右侧的日历图标时，日期选择器对话框才会打开。
如果您单击输入中的其他任何位置，则该对话框不会打开。
当您单击输入中的任意位置时，如何启用输入以打开日期选择器对话框？
注意：我已经在堆栈溢出上和互联网上搜索了类似问题的答案，但没有得到正确的解决方案。
<label for="session-date">Start date:</label>
<input type="date" id="session-date" name="session-date">
4
推荐指数
推荐指数
1
解决办法
解决办法
2万
查看次数
查看次数