Utilisation de la méthode indexOf()

**legrandse** · 26/07/2018, 12h14

Bonjour à tous,

Je fais pas mal de bricolages de code parfois seul et parfois avec l'aide du forum (majoritairement en php).

N'étant pas développeur de formation, je souhaiterais une aide à la compréhension d'un petit code que j'ai récupéré afin de l'adapter à mon futur projet.

Ce dernier affiche un calendrier avec des jours libres et/ou occupés :

Voici ce que je ne comprend pas: pourquoi doit-on utiliser indexOf(date.getDate())
et pourquoi doit-il être > -1

En vous remerciant pour l'aide

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
 
<html>
<head>
<script>
 var activeDays=[1,4,10,21,22,23,27,28,30];
 
 
$(function() {
$('#datepicker').datepicker(
    {
        beforeShowDay: function(date) {
            var events = [true,''];
 
            if ( activeDays.indexOf(date.getDate())  > -1) 
            {
                events = [false,''];
            }
 
            return events;
        }
    }
);
});
 </script>
</head>
<body>
 
<div id="datepicker"></div>
 
 
</body>
</html>

**SpaceFrog** · 26/07/2018, 13h21

indexOf retourne la position de l'élément recherché ...
il retourne -1 si il ne le trouve pas

**legrandse** · 26/07/2018, 13h59

Merci pour le début de l'aide.

Désolé pour certaines imprécisions il s'agit du jquery UI datepicker.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

En fait je n'arrive pas à traduire dans ma tête l'instruction du également au manque de connaissance de l'écriture du langage.

en prenant cette ligne:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if ( activeDays.indexOf(date.getDate())  > -1)

Je cale dès l'activeDays car je traduis comme ceci : si l'array activeDays qui comprend entre autre le chiffre 23...(ensuite je ne vois pas clair)
date.getDate() retourne la date du jour (jj) ou bien je me trompe ?

indexOf(date.getDate()) doit retourner la position de la date du jour et le comparer au contenu de l'array c'est bien cela ?

**SpaceFrog** · 26/07/2018, 15h00

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
alert("abc".indexOf('a') );
alert("abc".indexOf('c') );
alert("abc".indexOf('d') );

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert("abc".indexOf('z') );

**legrandse** · 26/07/2018, 15h20

Oui donc dans mon cas, ce sera: cherche "traduit par (indexOf)" 26 "traduit par(date.getDate())" dans l'array qui contient 1,4,10,21,22,23,27,28,30
En fonction de ce qu'il trouve il retourne -1 ou 0

Comme il s'agit d'un calendrier la fonction va "griser" les dates se trouvant dans l'array.

Vous allez peut-être vouloir me frapper mais comment est-ce que la fonction parcours tout le mois car getDate() ne retourne que la date du jour ?

Invité · 26/07/2018, 15h23

Bonjour,

1-

Envoyé par legrandse

...date.getDate() retourne la date du jour (jj) ou bien je me trompe ?...

En JavaScript, 2 façons de vérifier (ce que contiennent les variables,...) :

Et quand on ne connais pas (une fonction,...), on CHERCHE :

... et on TROUVE.

2-

...(indexOf)...
En fonction de ce qu'il trouve il retourne -1 ou 0

NON !
LIS la doc : indexOf()

3- .

..comment est-ce que la fonction parcours tout le mois... ?...

Voir la documentation Datepicker :

Datepicker Widget

Notamment ici : beforeShowDay

...The function is called for each day in the datepicker before it is displayed...

... La fonction est appelée pour chaque jour dans la datepicker avant qu'elle ne soit affichée ...

Voilà ta "boucle".

**Beginner.** · 26/07/2018, 15h53

Envoyé par legrandse

...Vous allez peut-être vouloir me frapper mais comment est-ce que la fonction parcours tout le mois car getDate() ne retourne que la date du jour ?

Ben apparemment cette fonction ne parcourt pas tout le mois, elle renvoie une réponse uniquement pour la date fournie en argument... Pour parcourir tout le mois je suppose qu'elle est exécutée plusieurs fois avec l'argument "date" qui doit varier du premier jour au dernier jour du mois...

D'ailleurs jreaux62 a mentionné ceci :

...The function is called for each day in the datepicker before it is displayed...

**legrandse** · 26/07/2018, 15h54

J'ai effectué quelques essais pour comprendre indexOf.

Mais c'est l'explication du beforeShowDay qui a fait que je comprenne globalement la fonction.

Merci pour vos interventions

Utilisation de la méthode indexOf()

JavaScript

Discussions similaires

Partager

Partager