如何在点击按钮时触发datetime本地输入类型的模式

Question

Case：用户单击按钮，只触发本地日期时间模式。输入本身将被隐藏。

与输入类型文件不同，单击功能似乎不起作用。

Answer 1

您可以隐藏大部分输入内容，并使用shadow-dom的css伪类来保留和样式化日历。日历可以用作按钮

::-webkit-datetime-edit {
display: none;
}
::-webkit-calendar-picker-indicator {
cursor: pointer;
margin:0;
padding: 0;
}