0
làm sao để chuyển đổi kiểu hiển thị MUI month picker
chào mọi người em đang sử dụng month-picker của MUI và đang gặp 1 case như sau: theo như cách render mặc định của MUI thì nó sẽ hiển thị tháng dạng chữ: vd: tháng 1 2024 => "January 2024" em mong muốn sửa lại thành dạng: "01/2024" có cách nào để sửa không ạ em xin cảm ơn
<LocalizationProvider dateAdapter={AdapterDateFns}>
<DesktopDatePicker
value={selectedMonthYears}
onChange={handleDateChange}
renderInput={(params) => (
<TextField
{...params}
helperText={null}
className={useStyle.select}
/>
)}
views={["month", "year"]}
minDate={new Date("2020-01-01")}
maxDate={new Date("2030-12-01")}
inputFormat="MM/yyyy"
className={css`
background-color: #dcdcdc;
border-radius: 8px;
max-width: 150px;
height: 40px;
.MuiOutlinedInput-notchedOutline {
border: none;
outline: none;
}
`}
/>
</LocalizationProvider>
Thêm một bình luận
1 CÂU TRẢ LỜI
+1
bạn thay inputFormat="MM/yyyy"
bằng format="MM/YYYY"
xem được không. DesktopDatePicker API Doc
vấn đề đã được xử lý mình cảm ơn ạ