javascript - react native : set TextInput value to 00:00

Question

我想这是一个简单的问题。我有一个 RN 应用程序，我想在 TextInput 中显示一些值。

TextInput 值应显示为 00:00，用户可以将此值修改为 ex。 06:00。如何呈现 TextInput 以显示 00:00 的值？

<Text style={styles.timeText} >Time:</Text>
                    <TextInput style={styles.timeInp} keyboardType={"numeric"} 
                    value={this.state.time} onChange={(time) => this.setState({time})} />

它有点像这样，但我无法让值显示为 00:00。

提前联系。

Answer 1

如果你想标记时间或日期，

import moment from "moment";
...
let date = moment(new Date()).format("YYYY-MM-D-ss");

如果您只是想在其中获取数据，

    constructor(props) {
        super(props);
        this.state = {
         time: "06:00"
        };
      }
...
<TextInput style={styles.timeInp} 
keyboardType={"numeric"} 
value={this.state.time} 
onChangeText={(time) => this.setState({time})} />

如示例中所述，您可以将“06:00”设置为默认设置。

并清除 TextInput 中输入的 06:00 并输入新的 00:00。