реагирующий формат даты - PullRequest
0 голосов
/ 21 марта 2019

Начинающий с ReactJS, теперь я использую замечательный ReactJS Datepicker.Вопросы о моем произвольном формате даты:

  1. Я не нашел документа, объясняющего все возможности, такие как М - месяц, ММ - месяц на 2 буквы и т. Д. (Я посмотрю код github? Какой источник?)
  2. Как добавить название дня ... как суббота.Я пробовал dddd, но он показывает номер дня с двумя ведущими 0 раньше !!
  3. Как исключить нерабочий час (например, часы с 0 до 8 и с 20 до 23), я попробовал приведенные ниже excludeTimes, но неway.

Вот мой код:

<DatePicker
    selected={this.state.startDate}
    onChange={this.handleChange}
    locale={fr}
    showTimeSelect
    timeFormat="HH:mm"
    timeIntervals={60}
    dateFormat="dddd, DDD, ddd, d, dd MMMM yyyy à HH'h'mm"
    timeCaption="Heure"
    minDate={new Date()}
    showDisabledMonthNavigation
    placeholderText="Choisir ici ..."
    excludeTimes={[0, 1, 2, 3, 4]}
/>

Дата, отображаемая в поле ввода, равна:

0023, 082, 023, 23,23 марта 2019 г. по 20:00

Спасибо

1 Ответ

2 голосов
/ 21 марта 2019

React datepicker использует Moment.js для дат, я думаю, вы должны просмотреть документы на его веб-сайте .

Например, MMMM Do YYYY, h:mm:ss a должен возвращать дату в формате March 21st 2019, 8:50:37 am.

EDIT

Я пошел в репозиторий, и, похоже, автор удалил момент из пакета, поэтому я дал попытку найти руководство по форматированию дат, найденное здесь , и похоже, что оно работает сейчас! В каждом примере используйте «eeee», если вы хотите день недели.

Я сделал рабочий пример на codesandbox .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...