Выбор материалов-пользовательского интерфейса: отображать дату как (М, ДД, ГГГГ) -> (17 апреля 2019 г.)

Question

Это библиотека Material-Ui Pickers: https://material -ui-pickers.dev / api / datepicker

Как вы можете видеть, можно отобразить дату какстрока (день месяца) или дата (ММ / ДД / ГГГГ), однако я не могу найти ничего, что позволило бы мне отображать дату как (месяц ДД, ГГГГ), возможно ли это, я что-то упустил?

Answer 1

Похоже, что материал использует либо Moment.js, либо Date.fns, вы должны использовать стандарт формата для любой используемой вами библиотеки.Например, Момент использует MMMM Do YYYY

Answer 2

Вот пример использования момента:

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;

Answer 3

Вы можете использовать format prop для переопределения формата прямо в текстовом поле.

А также вы можете воспользоваться глобальным форматом . Это позволяет изменять форматы непосредственно в модальном диалоговом окне выбора даты / времени.