Как установить значение в Time Picker динамически в Reactjs

Question

Я использую в своем коде команду выбора времени (rc-time-picker), я хочу динамически установить значение таймера.

Вот мое время 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.