Yêu cầu thg 1 17, 6:55 SA 123 1 1
  • 123 1 1
0

làm sao để chuyển đổi kiểu hiển thị MUI month picker

Chia sẻ
  • 123 1 1

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>

1 CÂU TRẢ LỜI


Đã trả lời thg 1 18, 6:12 SA
Đã được chấp nhận
+1

bạn thay inputFormat="MM/yyyy" bằng format="MM/YYYY" xem được không. DesktopDatePicker API Doc

Chia sẻ
thg 1 18, 7:43 SA

vấn đề đã được xử lý mình cảm ơn ạ

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí