时间戳

首页 > 解决方案 > Material-ui/pickers：隐藏标签

reactjs - Material-ui/pickers：隐藏标签

问题描述

默认情况下，如果未选择任何标签，则标签将被放置为占位符（如下面的屏幕截图所示）。在此处输入图像描述

<KeyboardDatePicker InputAdornmentProps={{
          position: 'start'
        }}
/>

有没有办法缩小标签并保持占位符为空？我尝试添加 InputAdornmentProps={{position: 'start'}} 并且它有所帮助（在下面的屏幕截图中），除了我不需要图标在开始时，我需要它保持原样，在右边。有没有办法实现它？我正在使用来自https://material-ui-pickers.dev/api/KeyboardDatePicker的 KeyboardDatePicker 在此处输入图像描述

标签： reactjsdatepickermaterial-ui

解决方案

选择器及其子组件无法识别的任何道具都将传递给 material-ui TextField 组件。

所以你需要做的就是简单地从TextField组件中添加所需的道具来缩小标签。结果将如下所示：

<KeyboardDatePicker InputLabelProps={{ shrink: true }} />

推荐阅读