реакция-дата-время ограничения для timePicker не работают - PullRequest
Новая
       25

реакция-дата-время ограничения для timePicker не работают

0 голосов
/ 12 июля 2019

Я мог бы что-то здесь упустить. реакция-дата имеет много функциональности. Из коробки время выбора позволяет вам выбирать ЧЧ ММ AM / PM с помощью выбора. Я хочу избавиться от AM / PM, сделать часы 0-23, и я хочу иметь возможность выбирать секунды 0-59. Я попробовал следующее. 

<Datetime input= { false }
    timeConstraints={{ hours: { min: 0, max: 23 }, 
                         minutes: {min:0, max:59}, 
                         seconds: {min:0, max:59} }}
    onChange={dateHandler}
    value={new Date(this.props.state.date)}/>

Варианты выбора - все еще ЧЧ ММ AM / PM, что не то, что я ожидаю. Я ожидаю выбора, который позволит мне прокручивать и выбирать 0-23 (часы), 0-59 (минуты), 0-59 (секунды). Я не хочу, чтобы AM / PM был там, потому что я хочу выбирать от 0 до 23 часов.

Есть ли другие атрибуты, которые мне нужно добавить, чтобы эта работа работала? Любые идеи будут оценены.

Спасибо -Эндрю

1 Ответ

1 голос
/ 13 июля 2019

Ключ должен добавить timeFormat="HH:mm:ss"

<Datetime
        input={false}
        timeFormat="HH:mm:ss"
        timeConstraints={{
          hours: { min: 0, max: 23 },
          minutes: { min: 0, max: 59 },
          seconds: { min: 0, max: 59 }
        }}
/>

Вот это DEMO

...