Blazor的Telerik UI?下载30天免费试用

高效键盘输入

Telerik日期输入会考虑您正在输入的内容,以便让您快速有效地输入数据。

当当前段的输入唯一且成功识别当前段的值时,输入将自动聚焦下一个日期段。

您可以通过输入更改重点段:

  • LeftArrowRightArrow

  • 价值输入(例如,输入12查看月号)

  • 分隔符的日期段。

    • Telerik日期编辑器中支持的分隔符-TelerikDateInputTelerikDatePickerTelerikDateTimePicker,以及TelerikTimePicker,是正斜杠/,逗号,点。

焦点何时以及如何在日期段之间移动的示例场景

在下面的例子中,我们将使用M / d / yyyy日期格式和采取段来说明组件的行为。

  • 当用户输入a有效值-一个数字或两个数字,可以成功地和唯一地组成一年的月份。

    • 如果输入是两个2)时,焦点将自动转移到下一个日期段(日期),因为没有以两个数字开头的月份两个2).

    • 如果值为一个1),焦点就会自动转移到下一个日期段(日期),因为有两个数字的月份开始一个1) -例如一月(1日)、十月(10日)、十一月(11日)及十二月(12日)。

  • 通过输入分隔符在输入(/在本例中),或者使用LeftArrow/RightArrow键盘上的键。

    • 这允许用户快速提交一个1)作为有效月份,而无需输入01或者想知道如何避免输入第二个数字,因为他们不想输入101112

    • 提供一个分隔符是否有使用/正确的键盘上的箭头。当用户在移动设备上使用没有箭头的数字键盘时,这很有用。

此行为允许应用程序用户在编辑器中快速输入日期,例如:

  • 写作21/2021是否会自动格式化为有效DateTime对象-2021年2月1日-数字2是一个唯一的月份,您不需要做任何事情就可以移动到下一段,输入分隔符意味着您不必提供两位数字的日期。

  • 写作1/2/2021将被认定为2021年1月2日-输入第一个分隔符意味着你不必写一个两位数的月份或日期。

  • 写作5222021将被认定为2021年5月22日——输入5唯一标识月份,和22唯一标识一个日期。

我们认识到有许多用户体验模式和方式,人们想要输入,特别是日期,考虑到它们有许多格式。我们选择了上面描述的用户体验,因为我们相信这是自动化、效率和对输入的控制之间的最佳共同点。不幸的是,在你的用户群中可能会有一些用户寻求稍微不同的体验,而对于这样一个简单的组件来说,为不同的用户提供不同的交互方式是不可能的——用户将没有UI来设置他们的偏好,如果有,它将使UX对于现实世界的使用过于复杂。因此,我们选择了我们认为对大多数人最有效的方法。

另请参阅

在本文中
Baidu
map