timePicker 的 react-datetime timeConstraints 似乎不起作用

Question

我可能在这里遗漏了一些东西。 react-datetime 有很多功能。开箱即用的时间选择器允许您使用选择器选择 HH MM 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)}/>

采摘的选择还是HH MM AM/PM，这不是我所期待的。我期待一个允许我滚动并选择 0-23（小时）、0-59（分钟）、0-59（秒）的选择器。我不希望 AM/PM 在那里，因为我想从 0-23 中挑选几个小时。

是否需要添加其他属性才能使这项工作正常进行？任何想法将不胜感激。

谢谢 -安德鲁

Answer 1

关键是加上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

timePicker 的 react-datetime timeConstraints 似乎不起作用

react-datetime timeConstraints for timePicker don't seem to work

reactjs

react-datetime