跳转到内容

Date/Time pickers日期/时间选择器

日期选择器和时间选择器提供了一个从事先设定好的日期集合中选择单个值的简单方法。

  • 在移动端,选择器最适合在确认对话框中展示。
  • 若是内联显示,如在一个表单内展示,请考虑使用分段下拉按钮这样的紧凑型控件。

React 组件

原生的选择器

⚠️ 浏览器支持的原生输入控件并不是完美的

日期选择器

示例展示了当 type="date" 时的原生的日期选择器 。

⚠️ Missing demo `pages/components/pickers/DatePickers.js` ⚠️

日期和时间选择器

这个例子通过 type="datetime-local" 实现了原生的日期和时间选择器。

⚠️ Missing demo `pages/components/pickers/DateAndTimePickers.js` ⚠️

时间选择器

这个例子通过 type="time" 实现了原生的时间选择器。

⚠️ Missing demo `pages/components/pickers/TimePickers.js` ⚠️