材质 ui 日期选择器格式

Question

我想显示“今天”文本而不是 DD/MM/YYYY 例如：当我们使用 datepicker 浏览器时显示类似 20/1/2009 但我想要“今天”而不是那个日期

Answer 1

这是一个使用今天的日期初始化DatePicker的工作示例：

import * as React from 'react'
import TextField from '@mui/material/TextField'
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns'
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'
import { DatePicker } from '@mui/x-date-pickers/DatePicker'

export default function BasicDatePicker()
{
  // initialized with today's date, new Date()
  const [value, setValue] = React.useState(new Date())

  return (
    <LocalizationProvider dateAdapter={AdapterDateFns}>
      <DatePicker
        label="Date picker"
        value={value}
        onChange={(newValue) => setValue(newValue)}
        renderInput={(params) => <TextField {...params} />}
      />
    </LocalizationProvider>
  )
}