reactjs - 如何在Reactjs中动态设置时间选择器的值

Question

我在代码中使用 react 时间选择器(rc-time-picker)，我想动态设置时间选择器值。

这是我的时间选择器代码

<span id="editstartTime">
     <span class="rc-time-picker timeStylstartTimeAdd">
        <input type="text" class="rc-time-picker-input" readonly="" value=""> 
             <span class="rc-time-picker-icon"></span>
     </span>
</span>

我尝试过这样的。

$('#editstartTime span input').val(this.state.shifts[index].startTime);

但它对我不起作用。

请帮助我解决这个问题。

提前致谢。

Answer 1

TimePicker具有 moment 类型的 value 状态，它保存当前值。

所以例如如果您使用名为 timePickerValue 的状态进行实例化:

<TimePicker value={this.state.timePickerValue} ... />

然后您可以使用

修改timePickerValue

this.setState({timePickerValue: newValue})

(在您的示例中，newValue 将为 this.state.shifts[index].startTime)

我建议你尝试一下this example因为它展示了如何改变 TimePicker.value 状态。