ionic-team / ionic-team/ionic-framework

bug: Datetime selected day should not change when changing months or years in the wheel picker

未关闭
#29,008 3 条评论 2 个 reaction 已指派 0 人 在 GitHub 查看
package: core type: bug
主要语言
TypeScript
星标
52.7k
派生
13.3k
平均合并
1 天 14 小时
30 天内合并 PR
50

描述

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### Ionic Framework Version

v7.x

### Current Behavior

Datetime currently has a confusing user experience where changing either the month or year through the wheel picker interface:

![CleanShot 2024-02-09 at 14 48 49](https://github.com/ionic-team/ionic-framework/assets/13732623/e4a15276-ad3e-4842-bf79-38d0de2c714b)

![CleanShot 2024-02-09 at 14 49 24](https://github.com/ionic-team/ionic-framework/assets/13732623/83b990ca-1655-4474-8fe1-c1426cbbee8c)

Results in the selected day applying in the working month:

![CleanShot 2024-02-09 at 14 49 46](https://github.com/ionic-team/ionic-framework/assets/13732623/60b5ef25-2e13-4bdf-93e9-0319a7915940)

In experiences with multiple selection (as shown) this is even more confusing, as it only applies the first selected day to the new working month/year.

### Expected Behavior

Ionic should not be doing this behavior at all. Changing the month or year should have no impact on the selections within the calendar grid.

For example, if you change the month through the arrow navigation:

![CleanShot 2024-02-09 at 14 51 11](https://github.com/ionic-team/ionic-framework/assets/13732623/420edd08-a351-480c-bc61-5b203fbb6149)

This behavior does not occur. This is expected.

### Steps to Reproduce

1. Render a datetime and select a day
2. Change the month or year from the picker interface (clicking the button in the upper-left of the header)
3. Observe: The selected day is applied to the new month/year you are viewing.

### Code Reproduction URL

https://ionicframework.com/docs/api/datetime#multiple-date-selection

### Ionic Info

N/A

### Additional Information

_No response_

贡献指南

打开贡献指南

调研方向

从 Datetime 组件及其 wheel picker 行为入手,使用链接的多日期选择复现。跟踪更改月份或年份时工作视图和所选值如何更新。完成标准是:更改月份或年份不会改变日历网格中现有的选择,包括多项选择,同时箭头导航继续按描述运行。

由索引模型根据 Issue 内容生成。

评估

技术栈
typescript
领域
frontend
Issue 类型
缺陷
难度
3/5
预计耗时
1-2 天
活跃度
活跃
描述清晰度
基本清楚
新手友好度
58/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。