从字段格式化时间的问题。反应

Question

我需要获取“00:00:00”类型的时间。我有能力做到这一点，但如果我在最后一个地方得到 00，我有“02:02”。我尝试使用 time.lenght，我想添加缺少的数字，但它不起作用...

<input id="preparation_time"  defaultValue = "00:00:00" type="time" step="1" className={styles.input} onChange={e => this.order.preparation_time = e.target.value}/>  

当我点击提交时，我在控制台中只有“02:02: not”02:02:00:

  async submit(){
this.setState({error : false});
this.setState({response : false});

console.log(this.order.preparation_time);
(..)

如果我输入秒，它们是，但如果我输入零，它们就会消失，我不知道如何添加这些零。我无法获得长度。

对不起，我写的很长，没有长度。但如果谁想知道为什么没有第二。答案如下。

Answer 1

不同的浏览器对时间类型有不同的实现。如果 0 秒，Chrome 会跳过/不考虑秒值。同时，Firefox 会考虑已提供的完整时间。

如果您需要保持一致性，您可以在看到时间长度值小于 8 时添加秒数。

if(e.target.value.length < 8) {
 this.order.preparation_time = e.target.value + ":00"
}