Eu tenho um reaj-grande-calendário , quero que quando clico em novo evento, o diálogo da hora estará tendo os valores da hora clicados no novo evento, por exemplo, clico com o mouse das 07:30 às 08 : 30, então eu quero pegar essa hora em meu diálogo como o valor da entrada de start
e end
estado, mas, tenho o mesmo diálogo clicando no botão "Ajouter disponibilité" cuja posição está acima do calendário, quando eu clique aqui terei a hora do momento, e em ambas posso alterá-la com o relógio.
Minha sandbox de código é:
https://codesandbox.io/s/9llpm579py
Quando eu o executo, obtenho o mesmo valor de momento para ambos.
Como posso corrigir isso?
https://codesandbox.io/s/8xl25y616j
Como você está passando o formato necessário para esses campos de texto como parâmetros para handleAjouter = (start, end)
, você pode apenas vinculá-los ao início e ao fim do primeiro elemento. Você poderia usar o momento como o fez, mas não parece necessário.
handleAjouter = (start, end) => {
this.state.tranches[0].start = start;
this.state.tranches[0].end = end;
this.setState({
start: moment(start).format("HH:mm"),
end: moment(end).format("HH:mm"),
clickDisponibilite: true,
tranches: this.state.tranches,
openPopupAjout: true
});
};
Porque seu elemento inicial, embora obtenha seu valor inicial do início e do fim, seus valores estão dentro de tranches [0].
Então agora ele extrai esses valores em https://gyazo.com/d0f887a0fa3d4dfeff56919a7cf94b28
Este artigo é coletado da Internet.
Se houver alguma infração, entre em [email protected] Delete.
deixe-me dizer algumas palavras