使用 DatePicker 中的单词在 React 中显示完整日期

Posted 2023-02-22

【中文标题】使用 DatePicker 中的单词在 React 中显示完整日期

【英文标题】：Display Full Date in React Using Words in DatePicker

【发布时间】：2021-02-18 09:19:52

【问题描述】：

我有一个非常简单的问题。我想显示完整的日期词，例如 Nov 22th 2020。 现在，我只能显示月份和日期

请检查我的代码框

CLICK HERE

   <MuiPickersUtilsProvider utils=DateFnsUtils>
      <DatePicker
        error=false
        helperText=null
        autoOk
        fullWidth
        inputVariant="outlined"
        value=selectedDate
        onChange=handleDateChange
        variant="outlined"
      />
    </MuiPickersUtilsProvider>

【参考方案1】：

所有你需要的是添加道具format到选择器，根据你的例子，你需要format="MMM do yyyy"。 Here你可以找到更多选择