如何在Reactjs中动态设置Time Picker的值

Question

我在我的代码中使用反应时间选择器（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的value状态为moment，其中包含当前值。

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

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

然后您可以使用

修改timePickerValue

this.setState({timePickerValue: newValue})

（在您的示例newValue中将是this.state.shifts[index].startTime）

我建议您试用this example，因为它会显示如何改变TimePicker.value州。