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

Question

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

请检查我的codesandbox

CLICK HERE

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

Answer 1

您只需要将属性 format 添加到选择器中，根据您的示例，您需要 format="MMM do yyyy"。 Here您可以找到更多选项