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挑选几个小时。

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

谢谢 -安德鲁（Andrew）

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

react-datetime timetimePicker的约束似乎不起作用

1 个答案: