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

Question

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

请检查我的代码框

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你可以找到更多选择