[英]Material ui date picker formatting
我想顯示“今天”文本而不是 DD/MM/YYYY 例如:當我們使用 datepicker 瀏覽器時顯示類似 20/1/2009 但我想要“今天”而不是那個日期
這是一個使用今天的日期初始化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>
)
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.