日期选择器

了解日期选择器组件及其在 Toolpad Studio 中的用法。

演示

DatePicker 是一个输入组件。它接收用户输入并在页面上提供值以供进一步使用。

输入日期

以下属性使其可用

日期在 UI 中的 format。绑定值始终为 YYYY-MM-DD 格式。留空以让最终用户区域设置定义格式。

MM/DD/YYYY

MMMM-YY

当前选定的日期。它显示了提供给页面的格式：YYYY-MM-DD。

允许设置默认值。示例

当文本框是表单组件的一部分时，需要一个名称。它用于显示验证错误。

DatePicker 组件在 Toolpad Studio 中支持以下提到的外观相关属性

描述日期选择器内容的标签，例如“输入日期”。

variant 属性支持三个不同的选项：outlined（轮廓型）（默认）、filled（填充型）和 standard（标准型）。Outlined 用于低强调，而 Filled 是高强调输入。Standard 用于不太突出的操作，以确保用户保持专注于主要内容。

轮廓型

填充型

标准型

size 属性支持两个选项：small（小型）（默认）和 medium（中型）。

小型

中型

此布尔值定义组件是否应占据页面的全宽。

Disabled 属性显示组件的状态，以便最终用户知道无法与该组件交互。

禁用

启用

当没有用户提供的日期时无法执行操作时，isRequired 非常有用。

请参阅下面的文档，以获得 Toolpad Studio 中日期选择器组件的所有可用属性的完整参考。