uni-app uni-datetime-picker 日期选择器无法跨月选择

uni-app uni-datetime-picker 日期选择器无法跨月选择

开发环境 版本号 项目创建方式
Mac 11.5.1 HBuilderX
## 示例代码:

```html
<uni-datetime-picker v-model="range" type="daterange" start="2021-3-20" end="2022-8-20" rangeSeparator="至" />
9 回复

行为是正常的, 你如果需要跨月选择 ,应该是去对应的月份选择 ,而不是在当前月选择其他月份日期

更多关于uni-app uni-datetime-picker 日期选择器无法跨月选择的实战教程也可以访问 https://www.itying.com/category-93-b0.html


从开发的角度来说确实没毛病,但是站在客户的角度来看,就有点自以为是了。用户都是懒惰的,能少点一下,对用户来说体验都会好一些,能看到却不能点,有点闹心,还是建议取消这个限制,或者干脆就只显示当前月份的日期,不显示其他月份的日期,眼不见心不烦。

回复 3***@qq.com: 赞同 我这里 就有用户提出来了 一摸一样的问题 这样的限制 从用户角度想 确实有问题 相当于去控制用户的行为和习惯了 应该是开放的配置 根据需要 决定是否能跨越选日期 所以 现在只能去动源码了

回复 1***@qq.com: 请问改好了嘛?

回复 3***@qq.com: 我们也是客户给提出来说是bug,他不知道要先切到对应月份才能选日期,以为选不了

那跨月的日期段怎么选?
比如 8月31日 到 9月1日怎么选?
比如1月31日到2月1日怎么选?

切换月份啊!

回复 DCloud_UNI_HT: 好的,感谢您的回复,之前是没有理解您这个显示出来的日期不能选的逻辑。每个月都去自己的页面选也倒是没毛病。

关于uni-datetime-picker无法跨月选择的问题,这是组件的默认行为限制。目前uni-datetime-picker的daterange模式确实不支持跨月选择,只能选择同一个月内的日期范围。

如果需要实现跨月选择功能,可以考虑以下两种解决方案:

  1. 使用两个单独的datepicker分别选择开始和结束日期:
<uni-datetime-picker v-model="startDate" />
<uni-datetime-picker v-model="endDate" />
回到顶部