如何在Reactjs中動態設置時間選取器的值

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} ... /> 

那麼你可以使用

this.setState({timePickerValue: newValue}) 

修改timePickerValue（在你的榜樣newValue將this.state.shifts[index].startTime）

我建議你嘗試this example，因爲它顯示如何改變TimePicker.value狀態。