Question

这是Material-Ui Pickers库：{{3}}

如您所见，似乎可以将日期显示为（月日）字符串或（MM / DD / YYYY）日期，但是我找不到任何可以将日期显示为（月DD，YYYYY）的内容）有可能吗，我想念什么吗？

Answer 1

看起来无论使用Moment.js还是Date.fns都可以使用Material，无论使用哪种库，都应该使用格式标准。例如，Moment使用MMMM Do YYYY

Answer 2

您可以使用{{1}}属性来覆盖文本字段中的格式。

您也可以利用global format customization指南。它允许直接在日期/时间选择器模式对话框中更改格式。

Answer 3

以下是使用矩的示例：

import React, { useState } from 'react';
import moment from 'moment';
import { MuiPickersUtilsProvider, DatePicker } from 'material-ui-pickers';
import MomentUtils from '@date-io/moment';

class LocalizedUtils extends MomentUtils {
  getDatePickerHeaderText(date) {
    return moment(date).format('ll');
  }
}

function DateLocalizationExample() {
  const [selectedDate, handleDateChange] = useState(new Date());

  return (
    <MuiPickersUtilsProvider utils={LocalizedUtils}>
      <DatePicker
        clearable
        helperText="moment"
        format="ll"
        value={selectedDate}
        onChange={handleDateChange}
        clearLabel="vider"
        cancelLabel="annuler"
      />
    </MuiPickersUtilsProvider>
  );
}

export default DateLocalizationExample;

Material-UI Pickers：将日期显示为（M，DD，YYYY）->（2019年4月17日）

3 个答案: