梅DatePicker只显示月份，而不显示年份或日期
梅DatePicker只显示月份，而不显示年份或日期
提问于 2022-04-20 10:28:56
我想在我的应用程序中添加一个日期选择器，但其中一个只显示年份，另一个只显示月份，如下所示：
但是到目前为止，通过MUI DatePicker，我已经完成了类似的事情，它显示了我不想要的月份、日期和年份：
这是我的代码：
<LocalizationProvider dateAdapter={AdapterDateFns}>
<Stack spacing={3}>
<DatePicker
views={['year']}
label="Year"
value={value}
disableFuture
onChange={(newValue) => {
setValue(newValue);
}}
renderInput={(params) => (
<TextField {...params} helperText={null} />
)}
/>
<DatePicker
views={['month']}
label="Month"
openTo="month"
disableFuture
value={value}
onChange={(newValue) => {
setValue(newValue);
}}
renderInput={(params) => (
<TextField {...params} helperText={null} />
)}
/>
</Stack>
</LocalizationProvider>任何帮助都将不胜感激！
回答 2
Stack Overflow用户
发布于 2022-04-20 13:54:19
您可以为您的input创建自定义值:例如：
const [value, setValue] = React.useState(null);
<LocalizationProvider dateAdapter={AdapterDateFns}>
<Stack spacing={3}>
<DatePicker
views={['month']}
label="Year"
value={value}
disableFuture
onChange={(newValue) => {
setValue(newValue);
}}
renderInput={(params) => (
<TextField
{...params}
helperText={null}
// Here the line:
inputProps={{
...params.inputProps,
value: value === null ? '' : value.getMonth()+1
}}
/>
)}
/>
</Stack>
</LocalizationProvider>或者任何你想要被显示为价值的东西。
Stack Overflow用户
发布于 2022-07-25 15:34:31
您可以添加此属性inputFormat="MMMM“。
<DatePicker
views={['month']}
inputFormat="MMMM"
label="Month"
openTo="month"
disableFuture
value={value}
onChange={(newValue) => {
setValue(newValue);
}}
renderInput={(params) => (
<TextField {...params} helperText={null} />
)}
/>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71938085
复制相关文章
相似问题
腾讯云开发者
