为日期输入切换原生iOS日期选择器

Toggle native iOS datepicker for date input

本文关键字：日期 iOS 选择器 原生 输入      更新时间：2023-09-26

我正在创建针对iOS设备优化的web应用程序。现在我用<input type="date"/>。我想让它不可见，而是使用我自己的div，其中有一个日期样式和格式。虽然我需要打开本机DatePicker，如果我点击日期输入。

有可能用input_date.click()或类似的东西发射它吗?

是的，很容易。查看这个JSFiddle 

$('#datefield').click(function(){
    $('#datepicker').focus();
});
.hide {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}
<input id="datepicker" type="date" class="hide"/>
<div id="datefield">Heeeey</div>

请确保您没有使用display:none隐藏输入字段，因为这将禁用交互，即使通过$.focus()。

相关文章：