Chercher la couleur d'une cellule dans un calendrier dans une page Web

Salut tous le monde je suis un très grand débutant dans JavaScript bon mon problème est comme suit:
je veux chercher dans un calendrier une date ou bien tous les date qui ont une couleur verte sachant que je cherche l’élément de calendrier par ID dans un page web par le code suivant:

Code:

document.getElementById('app_date')

et j’exécute ce code dans la console du navigateur alors ce que je veux faire en bref c'est

Comment chercher les cellules des jours colorées par le vert après que je les trouves je sélectionne une de ces date à mon calendrier sinon si il y aura aucune couleur verte alors j'affiche un message qui m'indique que cette date n'existe pas.
Merci d'avance.

:salut:

Très difficile de répondre à une question aussi dépourvue de codes !

Si la couleur verte est donnée à l'élément du calendrier par l'attribution d'une classe à cet élément, il suffit de rechercher tous les éléments ayant cette classe avec : document.querySelectorAll('.laVlassVerte'). Voir :https://developer.mozilla.org/fr/doc...erySelectorAll

Sinon, sans voir les codes (CSS, HTML, JS), je ne sais pas !

1 pièce(s) jointe(s)

Merci, je vais vous donner une image du calendrier et un code qui me semble que c'est le code qu'on doit voir
Pièce jointe 391063

Pour le code de script le voila

Code:

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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<script type="text/javascript">
	var today = new Date();
	var dd = today.getDate()+1;
	var mm = today.getMonth()+1; //January is 0!
	var yyyy = today.getFullYear();
	if(dd<10){
		dd='0'+dd
	} 
	if(mm<10){
		mm='0'+mm
	} 
	var today = yyyy+'-'+mm+'-'+dd;
	function formatDate(rawDate) {
	  var day = ("0" + rawDate.getDate()).slice(-2);
	  var month = ("0" + (rawDate.getMonth() + 1)).slice(-2);
	  return (day)+ "-" + (month)+ "-" +rawDate.getFullYear() ;
	}		
	$(document).ready(function() {
		var dt1  = '2018-06-19';
		var checkService  = 'Normal';
		$('#dateOfBirth').datepicker({
			format: "yyyy-mm-dd",
            endDate: new Date(dt1),
			startDate: '-100y',
            autoclose: true,
			startView: 2
		});
		$('#pptIssueDate').datepicker({
			format: "yyyy-mm-dd",
            endDate: new Date(dt1),
			startDate: '-100y',
            autoclose: true,
			startView: 2
		});
		$('#pptExpiryDate').datepicker({
			format: "yyyy-mm-dd",
			startDate: new Date(dt1),
            autoclose: true,
			startView: 2
		});
		var dt4  = '2018-06-20';
		var blocked_dates = ["01-01-2018","29-03-2018","30-03-2018","01-05-2018","15-06-2018","30-07-2018","15-08-2018","22-08-2018","11-09-2018","12-10-2018","01-11-2018","20-11-2018","06-12-2018","25-12-2018","01-01-2018","29-03-2018","30-03-2018","01-05-2018","15-06-2018","30-07-2018","15-08-2018","22-08-2018","11-09-2018","12-10-2018","01-11-2018","20-11-2018","06-12-2018","25-12-2018"];
		var available_dates = ["08-11-2018","09-11-2018","12-11-2018","13-11-2018","14-11-2018","15-11-2018","16-11-2018","19-11-2018","21-11-2018","22-11-2018","23-11-2018","26-11-2018","27-11-2018","28-11-2018","29-11-2018","30-11-2018"];
		var fullCapicity_dates = ["20-06-2018","21-06-2018","22-06-2018","25-06-2018","26-06-2018","27-06-2018","28-06-2018","29-06-2018","02-07-2018","03-07-2018","04-07-2018","05-07-2018","06-07-2018","09-07-2018","10-07-2018","11-07-2018","12-07-2018","13-07-2018","16-07-2018","17-07-2018","18-07-2018","19-07-2018","20-07-2018","23-07-2018","24-07-2018","25-07-2018","26-07-2018","27-07-2018","31-07-2018","01-08-2018","02-08-2018","03-08-2018","06-08-2018","07-08-2018","08-08-2018","09-08-2018","10-08-2018","13-08-2018","14-08-2018","16-08-2018","17-08-2018","20-08-2018","21-08-2018","23-08-2018","24-08-2018","27-08-2018","28-08-2018","29-08-2018","30-08-2018","31-08-2018","03-09-2018","04-09-2018","05-09-2018","06-09-2018","07-09-2018","10-09-2018","12-09-2018","13-09-2018","14-09-2018","17-09-2018","18-09-2018","19-09-2018","20-09-2018","21-09-2018","24-09-2018","25-09-2018","26-09-2018","27-09-2018","28-09-2018","01-10-2018","02-10-2018","03-10-2018","04-10-2018","05-10-2018","08-10-2018","09-10-2018","10-10-2018","11-10-2018","15-10-2018","16-10-2018","17-10-2018","18-10-2018","19-10-2018","22-10-2018","23-10-2018","24-10-2018","25-10-2018","26-10-2018","29-10-2018","30-10-2018","31-10-2018","02-11-2018","05-11-2018","06-11-2018","07-11-2018"];
		var offDates_dates = ["23-06-2018","24-06-2018","30-06-2018","01-07-2018","07-07-2018","08-07-2018","14-07-2018","15-07-2018","21-07-2018","22-07-2018","28-07-2018","29-07-2018","30-07-2018","04-08-2018","05-08-2018","11-08-2018","12-08-2018","15-08-2018","18-08-2018","19-08-2018","22-08-2018","25-08-2018","26-08-2018","01-09-2018","02-09-2018","08-09-2018","09-09-2018","11-09-2018","15-09-2018","16-09-2018","22-09-2018","23-09-2018","29-09-2018","30-09-2018","06-10-2018","07-10-2018","12-10-2018","13-10-2018","14-10-2018","20-10-2018","21-10-2018","27-10-2018","28-10-2018","01-11-2018","03-11-2018","04-11-2018","10-11-2018","11-11-2018","17-11-2018","18-11-2018","20-11-2018","24-11-2018","25-11-2018"];
		var allowArray = [1,2];
		if(checkService == 'Normal')
		{
			/*if((jQuery.inArray(2, allowArray)!='-1') || (jQuery.inArray(3, allowArray)!='-1') || (jQuery.inArray(4, allowArray)!='-1')) 
			{
				var classFull = 'fullcapspecial';
				var tooltipTitle = '&nbsp;';
				var backDatetitle = 'Not Allowed';
			}else{
				var classFull = 'fullcap';
				var tooltipTitle = 'Slots Full';
				var backDatetitle = 'Not Allowed';
			}*/
			var classFull = 'fullcap';
			var tooltipTitle = 'Slots Full';
			var backDatetitle = 'Not Allowed';
		}else{
			var classFull = 'fullcap';
			var tooltipTitle = 'Slots Full';
			var backDatetitle = 'Not Allowed';
		}
		$('.app_date').datepicker({
			language: "en",
			Default: true,
			format: "yyyy-mm-dd",
			startDate: new Date(dt4),
			endDate: '2018-11-30',
			autoclose: true,
			forceParse:true,
			startView: 0,
			beforeShowDay: function(date){
				   var formattedDate = formatDate(date);
				   if ($.inArray(formattedDate.toString(), blocked_dates) != -1){
					   return {
						  enabled : false,
						  classes: 'inactiveClass',
						  tooltip: 'Holiday'
					   };
				   }
				   if ($.inArray(formattedDate.toString(), available_dates) != -1){
					   return {
						  enabled : true,
						  classes: 'activeClass',
						  tooltip: 'Book'
					   };
				   }
 
				   if ($.inArray(formattedDate.toString(), fullCapicity_dates) != -1){
					   return {
						  enabled : false,
						  classes: classFull,
						  tooltip: tooltipTitle
					   };
				   }
				   if ($.inArray(formattedDate.toString(), offDates_dates) != -1){
					   return {
						  enabled : false,
						  classes: 'offday',
						  tooltip: 'Off Day'
					   };
				   }
					return {
					  enabled : false,
					  tooltip: backDatetitle
				   };
				  return;
			  }
	    });
		/*====== CALL POP FOR PL/PT IN NORMAL CASE=======*/		
		if(checkService == 'Normal')
		{
			if((jQuery.inArray(2, allowArray)!='-1') || (jQuery.inArray(3, allowArray)!='-1') || (jQuery.inArray(4, allowArray)!='-1')) 
		    {
				/*$(document).on('click', '.fullcap,.fullcapspecial', function () {
				$(".datepicker").hide();
				$('.popupBG').show();
				$('#IDBodyPanel').show();
				});
				$(".popupCloseIcon").click(function() {
				$(".popupBG").hide();
				$("#IDBodyPanel").hide(); 
				});*/
 
				/*$('input[type=radio][name=serviceChange]').change(function() {
				if (this.value == 'Premium') {
					$("#premiumService").prop('value', 'GO FOR PREMIUM');
				}
				else if (this.value == 'Prime') {
					$("#premiumService").prop('value', 'GO FOR PRIME TIME');
				}
 
				});*/
			}
		}
		/*====== CALL POP FOR PL/PT IN NORMAL CASE=======*/
		var eventhandler = function(e) {
		   e.preventDefault();      
		}
		if (checkService == 'Premium' || checkService == 'Prime') {
			$('input[name="vasId[]"]:checked').each(function() {
			   $("#vasId"+this.value).bind('click', eventhandler);
			});
		}
 
		if (checkService != 'Premium')
		{
			$(document).on('click', '.chkbox', function () {
				if($(this).val() == 1)
				{
					if($(this).is(":checked")){
					  //$("#vasId6").prop('checked', true);
					  //$("#vasId6").bind('click', eventhandler);
					}else{
					  //$("#vasId6").prop('checked', false);	
					  //$("#vasId6").unbind('click', eventhandler);
					}
				}
			});
		}
 
	});
</script>

Je veux faire un teste qui prends que les dates avec la couleur verte et les affecter dans un tableau puis je sélectionné aléatoirement une des dates de ce tableau et tous ça je veux l’exécuter dans la console de google chrome sur une page web.

Pour le cellules qui ont un couleur Verte si on pose le pointeur de souris sur une des ces cellules ça nous affiche 'Book', alors ce que je veux faire c'est une sélection d'une date qui est en vert

Bonjour,
pourquoi tu les cherches, tu les as dans ton code

Code:

var available_dates = ["08-11-2018","09-11-2018","12-11-2018","13-11-2018","14-11-2018","15-11-2018","16-11-2018","19-11-2018","21-11-2018","22-11-2018","23-11-2018","26-11-2018","27-11-2018","28-11-2018","29-11-2018","30-11-2018"];

Merci mais ce n'est pas mon code c'est celui d'une page web et à chaque fois les valeurs de available_dates se change alors comment je peux avoir tous ces dates par l’exécution d'une ligne de javascript dans la console de google chrome et comment je peux affecter aléatoirement une des ces dates ?

J'ai du mal à voir le but final d'une telle opération qui n'aura d'impact que sur la page affichée sur ton PC !

Citation:

Envoyé par NoSmoking

J'ai du mal à voir le but final d'une telle opération qui n'aura d'impact que sur la page affichée sur ton PC !

Le but est de remplir rapidement un formulaire d'un site web qui s'ouvre pour une période de 10 minutes alors ce que j'ai pu faire jusqu'à maintenant est de remplir aléatoirement la date depuis les dates disponibles avec ce code:
Code:

1 2 var rand = available_dates[(Math.random() * available_dates.length) | 0]; document.getElementById('app_date').value = rand;
le problème maintenant qui se pose comment je peux avoir le contenu de la variable available_dates sachant que cette variable est dans la page du site. Alors comment la chercher et lire son contenu.