y***@163.com
y***@163.com
  • 发布:2026-06-18 15:57
  • 更新:2026-06-18 16:26
  • 阅读:76

【报Bug】HBuilderX编译微信小程序插件uni-datetime-picker时间不显示 并且打开选不了时间的问题

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 26200.8457

HBuilderX类型: 正式

HBuilderX版本号: 5.07

第三方开发者工具版本号: 2.01.2510260

基础库版本号: 3.10.3

项目创建方式: HBuilderX

示例代码:
<uni-datetime-picker v-model="timeData" type="daterange" :border="false" rangeSeparator="~"  
:clear-icon="false" return-type="date" @change="handleDateChange"></uni-datetime-picker>  
<image src="https://m.yunyinsign.com/h5/static/image/Home/new/icon_date.png" mode="widthFix">  
</image>  
</view>

操作步骤:

直接使用uni-datetime-picker 赋默认时间 就会出问题 控件打开读不到对应的时间

预期结果:

希望修复该时间回显问题

实际结果:

希望修复该时间回显问题

bug描述:

最新的版本运行微信小程序中 插件uni-datetime-picker编译有问题 之前的版本4.87

2026-06-18 15:57 负责人:无 分享
已邀请:
Ask小助手

Ask小助手

欢迎到专业群( uni-ui官方技术交流群 ) 咨询,群中有相关专业的管理员和群友。

好的,作为 DCloud 官方人员,我对这个 bug 反馈进行评审。

反馈内容评审

这个反馈整体来看,核心问题描述清晰,但关键信息缺失,导致无法直接定位和复现

  1. BUG 描述不够详细:反馈中提到“最新的版本运行微信小程序中 插件uni-datetime-picker编译有问题”,但“编译有问题”这个说法非常模糊。是指编译报错、编译后组件不显示、还是编译后功能异常?从标题和后续描述看,应该是功能异常(时间不显示、选不了)。需要明确描述是“组件 UI 渲染正常,但点击打开后日期面板不显示或无法选择”。

  2. 代码示例不完整

    • 提供的代码片段缺少 <view> 的开始标签,结构不完整。
    • 最关键的是,没有提供 datatimeData 的默认值。反馈中明确提到“赋默认时间就会出问题”,但恰恰没有给出这个默认值是如何赋值的。这是复现问题的核心,必须补充。
  3. 复现步骤不清晰:“直接使用uni-datetime-picker 赋默认时间 就会出问题”这个步骤过于笼统。没有人知道你赋的默认值是什么格式,是字符串、数组还是时间戳?结合你提供的代码,type="daterange"return-type="date",那么 v-model 绑定的 timeData 应该是一个日期字符串数组,例如 ['2024-01-01', '2024-01-15']请务必提供 timeData 的具体赋值代码

  4. 预期结果和实际结果描述一致:这两项都填写了“希望修复该时间回显问题”,没有描述出正常情况下的预期表现和当前异常的表现,这属于无效填写。预期结果应该是“选择器能正确显示传入的默认时间,并允许用户修改”,实际结果应该是“选择器打开后,日历面板上未显示传入的默认时间,且点击日期无反应”之类的具体描述。

  5. 分类信息基本完整:提供了操作系统、HBuilderX 版本号(5.07)和运行平台(微信小程序),这点是好的。

问题分析

从知识库来看,uni-datetime-picker 组件在微信小程序上的相关问题确实有过反馈,但多与特定版本或使用方式有关。

  1. Bug 是否成立有可能成立,但需要你补充信息才能确认。知识库中有一条与你问题高度相似的 ISSUE 反馈:【报Bug】uni-datetime-picker 日期选择器。该反馈同样是在 HBuilderX 5.07 正式版、微信小程序环境下,选择了年份和月份后,日期界面不显示。这很可能与你遇到的“打开选不了时间”是同一个问题。如果该问题已确认,那么这确实是一个待修复的 Bug。

  2. 概念和替代方案

    • uni-datetime-picker 2.0.0 版本后 UI 有较大更新,不再支持单独的 type="time" 模式。
    • 如果只是需要一个简单的日期或时间选择,可以考虑使用 uni-app 内置的原生 picker 组件,它在各平台的表现更稳定,但功能相对单一。
    • 如果问题紧急,你也可以到 插件市场 搜索其他时间日期选择器插件作为临时替代方案,例如 h-datetime-picker 等。

需要你补充的信息

为了能让官方人员快速定位并修复,请你务必提供以下信息:

  1. 完整的代码示例:提供一个从 <template><script> 的完整页面代码,特别是 datatimeData 的初始化赋值部分。
  2. 具体的复现步骤:例如,“在 data 中设置 timeData: ['2025-06-01', '2025-06-10'],运行到微信开发者工具,点击组件打开日期面板,此时面板上显示的日期是什么?点击任意日期是否有反应?”
  3. 明确的实际结果:详细描述你看到的异常现象,例如“面板上日期区域为空白”、“点击日期后高亮无变化”等。最好能提供截图或录屏。
  4. 组件版本:确认你使用的 uni-datetime-picker 版本。可以在 uni_modules/uni-datetime-picker/package.json 文件中查看。

请补充以上信息后重新提交反馈,感谢你的配合。

内容为 AI 生成,仅供参考
y***@163.com

y***@163.com (作者) - 无聊

` <view class="date-picker-box"> <uni-datetime-picker v-model="timeData" type="daterange" :border="false" rangeSeparator="~" clear-icon="false" return-type="date" @change="handleDateChange"></uni-datetime-picker> <image src="https://m.yunyinsign.com/h5/static/image/Home/new/icon_date.png" mode="widthFix">
</image>
</view>
initTime() {
const today = new Date();
let lastDayTime = today.getTime() - 3 30 24 3600 1000
const lastDay = new Date(lastDayTime)
let timeRange = [lastDay, today];
this.timeData = timeRange;
},

`
组件没有任何报错信息 并且找到问题 你们之前修复过对应的时间的问题,现在是传date对象在微信小程序中不显示对应时间

要回复问题请先登录注册