android - Android 上的 HTML 日期选择器手动类型日期

Question

native 日期选择器:

<input type="date">

Android(Pixel 4a Android 11)不允许用户手动输入日期。无论我触摸字段中的哪个位置，都会弹出日期选择器小部件而不是键盘。

有没有办法允许通过键盘手动输入？

Answer 1

Is there a way to allow manual typing via the keyboard ?

目前还没有。

但是，您可以使用模式 + minlenght + maxlength:

日期格式解释here ，然后您在 regex101 中尝试正则表达式

var custom_input_date = document.getElementById('customInputDate');
custom_input_date.oninput = function(event){event.target.setCustomValidity('');}
custom_input_date.oninvalid = function(event) { event.target.setCustomValidity('Use a valid format: dd/mm/yyyy'); }

<form>
<input id="customInputDate" type="text" pattern="^(?:(?:31(\/)(?:0?[13578]|1[02]))\1|(?:(?:29|30)(\/)(?:0[1,3-9]|1[0-2])\2))(?:(?:1[6-9]|[2-9]\d)?\d{2})$|^(?:29(\/)02\3(?:(?:(?:1[6-9]|[2-9]\d)?(?:0[48]|[2468][048]|[13579][26])|(?:(?:16|[2468][048]|[3579][26])00))))$|^(?:0[1-9]|1\d|2[0-8])(\/)(?:(?:0[1-9])|(?:1[0-2]))\4(?:(?:1[6-9]|[2-9]\d)?\d{2})$" maxlength="10" minlength="10" autocomplete="off" placeholder="dd/mm/YYYY" required>
<input type="submit">
</form>