对《Blazor》的teleerik UI不熟悉?免费下载30天试用版

DateRangePicker -键盘导航

  • Keyboard-navigation.razor
加载演示源代码…请稍等。

焦点

  • Alt+W聚焦示例中的第一个组件

支持的键和用户操作

当聚焦输入时,除了标准的DateInput操作之外,还有其他操作可用。

当日历弹出窗口被打开时,它的行为就像一个日历(例如,输入选择日期)。

日期输入

  • Alt+向下的箭头打开带有日历的弹出窗口。
  • Alt+向上箭头键Esc关闭带有日历的弹出窗口。
  • 输入将焦点从Start输入移动到End输入。如果焦点在End输入中,则确认范围选择并关闭日历。
  • 选项卡在选择器的元素之间移动焦点—首先通过输入,然后聚焦日历。
  • 向上箭头键增加包含游标的日期部分的值。考虑到相应的步骤。
  • 向下的箭头减少包含游标的日期部分的值。考虑到相应的步骤。
  • 左箭头键将光标向左移动一个位置。
  • 右箭头将光标向右移动一个位置。
  • 删除退格删除包含游标的当前日期部分。

日历

  • 向下的箭头将焦点移动到向下单元格,如果当前聚焦的日期位于当前视图周期的最后一行,则导航视图。
  • 向上箭头键将焦点移动到上单元格,如果当前聚焦的日期位于当前视图周期的顶部行,则导航视图。
  • 左箭头键将焦点移动到前一个单元格。
  • 右箭头将焦点移动到下一个单元格。
  • 输入切换当前日期选择。
  • Ctrl+向上箭头键导航到上方视图(例如,从当前月份的天数导航到年份)。
  • Ctrl+向下的箭头导航到较低的视图(例如,从一年中的月份导航到一个月中的天数)。
  • Ctrl+右箭头导航到下一个时间段。
  • Ctrl+左箭头键导航到上一个时间段。
  • 选项卡在不同的导航元素之间移动焦点——视图选择、上一个/下一个按钮、今天按钮和带有日期/月/年的网格。
  • 转变+选项卡通过这些可聚焦元素向后移动。
  • 首页关注每个月的第一天。
  • 结束关注每个月的最后一天。

支持和学习资源

发生错误。此应用程序在重新加载之前可能不再响应。
重新加载
Baidu
map