# 让日期选择器更清楚地显示月份和年份的选择

**URL:** <https://meta.discourse.org/t/make-it-clearer-that-you-can-select-month-and-year-in-date-picker/179149>\
**Category:** UX\
**Created:** [2021年二月10日 02:13 UTC](https://meta.discourse.org/t/make-it-clearer-that-you-can-select-month-and-year-in-date-picker/179149 "2021-02-10T02:13:53Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![omarfilip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/omarfilip/32/208019_2.png) [@omarfilip](https://meta.discourse.org/u/omarfilip)\
**Post date:** [2021年二月10日 02:13 UTC](https://meta.discourse.org/t/make-it-clearer-that-you-can-select-month-and-year-in-date-picker/179149/1 "2021-02-10T02:13:53Z")

</div>

目前，管理后台（`/admin/reports/signups`）中的日期选择器要求用户通过弹出式日历选择日期。如果要选择很久以前的日期，每次点击左箭头只能逐月递减，非常繁琐。例如，要回溯十年，就需要点击 120 次。

 ![Screen Shot 2021-02-09 at 5.59.46 PM](https://global.discourse-cdn.com/meta/original/3X/5/3/53f84f5482b81efe8879f680f9a3b3c79ee3742d.png)

预期且理想的行为是：允许用户直接在日期字段中输入内容，输入年份后按回车键即可获取结果。

然而，Discourse 会在日期字段中的某一位数字被修改或删除后立即开始处理结果。例如，删除 2021 的最后一位数字时，系统就会开始尝试从 202 年获取结果：

 ![Screen Shot 2021-02-09 at 6.06.46 PM](https://global.discourse-cdn.com/meta/original/3X/5/9/5954fa9410d55849d52b433ba32e746aafec47a1.png)

一种变通方法是直接使用 URL 设置日期，但这违背了使用日期选择器的初衷。

`/admin/reports/signups?end_date=2021-02-09&start_date=1998-01-08`

---

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [2021年二月10日 02:31 UTC](https://meta.discourse.org/t/make-it-clearer-that-you-can-select-month-and-year-in-date-picker/179149/2 "2021-02-10T02:31:52Z")

</div>

我们或许应该以某种显而易见的方式对月份和年份进行样式设计，但你可以点击它们以进行更大幅度的修改。

 ![Screen Shot 2021-02-09 at 9.31.32 PM](https://global.discourse-cdn.com/meta/original/3X/6/d/6d4ee46d8e66c5dc1ea01d944161e066ba56588c.png)

不确定是否有原因导致我们不允许直接输入……但我同意这确实会是一个不错的选项。

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2021年二月13日 04:48 UTC](https://meta.discourse.org/t/make-it-clearer-that-you-can-select-month-and-year-in-date-picker/179149/3 "2021-02-13T04:48:15Z")

</div>

我也没注意到这个功能，感谢提醒！