uni-app中 <input id="dtime" type="date" > 无效

uni-app中 <input id="dtime" type="date" > 无效

示例代码：

<input id="dtime" type="date" >

操作步骤：

<input id="dtime" type="date" >

预期结果：

<input id="dtime" type="date" >

实际结果：

<input id="dtime" type="date" >

bug描述：

input date 原生日期控件 无效。

信息类别 信息内容
产品分类 HTML5+
HBuilderX版本号 3.1.9
手机系统 iOS
手机系统版本号 IOS 14
手机厂商 苹果
手机机型 苹果11
打包方式 云端

更多关于uni-app中 <input id="dtime" type="date" > 无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app中 <input id="dtime" type="date" > 无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在uni-app中，<input type="date">在iOS平台确实存在兼容性问题。这是因为uni-app默认使用原生渲染，而iOS Safari对日期输入类型的支持有限。

建议改用以下方案：

  1. 使用<picker mode="date">组件替代：
<picker mode="date" [@change](/user/change)="onDateChange">
  <view>选择日期：{{selectedDate}}</view>
</picker>
  1. 在methods中处理日期选择：
methods: {
  onDateChange(e) {
    this.selectedDate = e.detail.value
  }
}
  1. 如果需要更复杂的日期时间选择，可以使用uni-ui的uni-datetime-picker组件：
<uni-datetime-picker type="date" [@change](/user/change)="onDateChange" />
回到顶部