我试图打开日期选择器按钮点击它的工作,但日期选择器是在页面左上角打开,但如果我使用文本字段,它的工作正常
<LocalizationProvider dateAdapter={AdapterDateFns}>
<DatePicker
clearable={true}
open={isOpen}
onClose={() => setIsOpen(false)}
label='Basic example'
value={currentDate}
onChange={newValue => {
setCurrentDate(newValue)
}}
popperPlacement="bottom-end"
renderInput={params => (
// <TextField
// {...params}
// onClick={() => setIsOpen(isOpen => !isOpen)}
// />
<Button variant='contained' onClick={() => setIsOpen(isOpen => !isOpen)}>
{dateString}
</Button>
)}
/>
</LocalizationProvider>
2条答案
按热度按时间snvhrwxg1#
你应该使用
PopperProps
请检查https://mui.com/x/api/date-pickers/date-picker/以下代码已在
MuiV5
中测试,运行良好。ih99xse12#
可以在最外面的div上使用ref