javascript - 如何在输入中的任意位置单击打开 HTML 日期选择器对话框？

Question

<分区>

Answer 1

单击该字段时应该这样做(没有 js!)；当它第一次聚焦时，它只监听输入，但你可以使用 js 解决。

input#session-date {
    display: inline-block;
    position: relative;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

注意:使用这种方法你会丢失图标，但你绝对可以添加一个:

Here's the demo on codepen