KeyboardDatePicker @material-ui/pickers 如何显示月外的日子

Question

如何在保持选择逻辑的同时添加月外的所有日期

now

i want

如果我给 TextField type='date'，则显示所有日期，但我的所有样式都会丢失。

我的组件

 <MuiPickersUtilsProvider utils={MomentUtils} libInstance={momentLib}>
  <DefaultKeyboardDatePicker
    open={open}
    value={value ?? null}
    onChange={onChange}
    disableIcon={disableIcon}
    helperText={typeof userError === 'string' ? userError : errorNode || helperText}
    error={!!userError || !!errorNode}
    onClose={onClose}
    renderDays={renderDay ? renderDays : void 0}
    TextFieldComponent={TextField}
    InputProps={{
      inputRef,
      inputProps: readOnly
        ? { readOnly: true, className: classes.readonly, onClick: onOpen, 'id-qa': idqa }
        : { 'id-qa': idqa },
    }}
    InputAdornmentProps={{ onClick: onOpen }}
    PopoverProps={{ anchorEl: inputRef.current }}
    }}
    {...props}
  />
</MuiPickersUtilsProvider>

我尝试传递所有道具和覆盖样式，但没有任何效果。我可以保留所有样式吗

    const WrapperTextField = () => <TextField {...props} type="date" className={clsx('MuiPickersDay-day')} />;
 ...
 TextFieldComponent={WrapperTextField}

浪费了很多时间。奇怪的是，在这样的库中没有标志来显示所有数字并使用它们。

感谢您的帮助！

Answer 1

您需要编写自定义 renderDay 函数才能显示当前月份的日期。这是文档中此函数的the example。为了能够选择那些日子，您需要更进一步并在 renderDay 函数中覆盖 IconButton onClick。例如代码看看this问题。正如我所见，没有简单的方法。