Bonjour,

Dans une application ReactNative, je souhaite renseigner les dates et heures de début et de fin d'un évènement (grâce à 2 DateTimePickers).
Je procède ainsi avec un DateTimePicker
(J'ai utilisé cette page :
https://www.nicolas-stophe.com/first-post/)

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 
export default function ChargeProg() {
  const [date, setDate] = useState(new Date())
  const [visible, setVisible] = useState(false)
  const [mode, setMode] = useState('')
  const [isSelected, setSelection] = useState(false);
 
  const showPicker = () => {
    setVisible(true)
  }
 
  const showDate = () => {
    setMode('date')
    showPicker()
  }
 
  const showTime = () => {
    setMode('time')
    showPicker()
  }
 
  const dateChange = (event, selectedDate) => {
        const currentDate = selectedDate || date
        setVisible(false)
        setDate(currentDate)
  }
 
  return (
    <View style={styles.main_container}>
        <View style={styles.time_container}>
            <Text>Début de charge : </Text>
            <Text style={styles.text} onPress={showDate}>
              {`${('0' + date.getDate()).slice(-2)}/${('0' + date.getMonth()).slice(-2)}/${date.getFullYear()}`}
            </Text>
            <Text style={styles.text} onPress={showTime}>
              {`${('0' + date.getHours()).slice(-2)}:${('0' + date.getMinutes()).slice(-2)}`}
            </Text>
            { visible &&
              <DateTimePicker
                value={date}
                mode={mode}
                onChange={dateChange}
              />
            }
          </View>
Déjà, j'ai un petit bug sur l'affichage du mois. Il indique le mois précédent de celui sélectionné (janvier pour février, septembre pour octobre). J'ai essayé de toucher au '0' avant le date.getMonth()).slice(-2), je l'ai remplacé par 1, 01, 0:1, 0/1 mais ça n'a pas l'effet voulu (ça modifie la dizaine du mois).
Quelqu'un a-t-il une idée ?

Le problème principal survient quand je cherche à utiliser un second DateTimePicker. Je ne sais pas bien qu'elles sont les variables à renommer pour éviter que les 2 Dtp entre en conflit. J'imagine que c'est basique mais je n'ai pas réussi.