Discussion :

[dark_vidor]

Bonjour,

J'utilise depuis peu la librairie jQuery.

J'ai trouvé le plugin Datepicker + Timepicker qui est une extension pour Datepicker pour rentrer un date + heure dans champ de formulaire à l'aide d'un calendrier ...

Je voudrais maintenant grisé des dates suivant la date rentrée dans un premier champs de date

Également j'ai bricoler un peu pour mettre à jour mes autres champs si vous aviez des conseils je suis preneur

Voici mon bout de code

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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
 
<script type="text/javascript">
// <![CDATA[
 
$(document).ready(function(){ // Traitement à effectuer lorsque le DOM est prêt
 
	$.datepicker.regional['fr'] = {
		closeText: 'Fermer',
		prevText: 'Précédent',
		nextText: 'Suivant',
		currentText: 'Aujourd\'hui',
		monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin',
			'Juillet','Août','Septembre','Octobre','Novembre','Décembre'],
		monthNamesShort: ['Jan','Fév','Mar','Avr','Mai','Jun','Jul','Aoû','Sep','Oct','Nov','Déc'],
		dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
		dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
		dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
		dateFormat: 'dd-mm-yy', firstDay: 1, 
		isRTL: false
	};
	$.datepicker.setDefaults($.datepicker.regional['fr']);
 
    $('#epreuve_date_debut').datepicker({
    	duration: '',
        showTime: true,
        constrainInput: false
     });
 
    $('#epreuve_date_fin').datepicker({
    	duration: '',
        showTime: true,
        constrainInput: false
     });
 
    $('#epreuve_date_replay').datepicker({
    	duration: '',
        showTime: true,
        constrainInput: false
     });
 
	$("#epreuve_date_debut").change( function()
	{
		$("#epreuve_date_fin").val( $("#epreuve_date_debut").val() + ' 22:00' );
		$("#epreuve_date_replay").val( $("#epreuve_date_debut").val() + ' 22:00' );
	});
 
	$("#epreuve_date_fin").change( function()
	{
		$("#epreuve_date_replay").val( $("#epreuve_date_fin").val() + ' 22:00' );
	});
});
 
// ]]>
</script>
 
<!-- Et mes 3 champs -->
 
  Date Début : 
  <input type="text" name="epreuve_date_debut" id="epreuve_date_debut" value="00-00-0000 10:00" />
  <br />
  Date Fin : 
  <input type="text" name="epreuve_date_fin" id="epreuve_date_fin" value="00-00-0000 22:00" />
  <br />
  Date Replay : 
  <input type="text" name="epreuve_date_replay" id="epreuve_date_replay" value="00-00-0000 22:00" />

En action : http://gt5rs.com/dev/viewchamp.php

Merci par avance pour votre aide

[danielhagnoul]

Bonsoir.

Je me permets de vous conseiller de regarder : http://danielhagnoul.developpez.com/...atepicker.html

[dark_vidor]

Merci pour votre réponse, mais je ne trouve pas comment sans préconfigurer la date je peux faire

Mon champs date début définit la date minimum sélectionnable pour les deux suivant ... et date fin la date minimum pour le troisième ...

En aucun je peux empêcher l'utilisateur de sélectionner une date antérieure (attention ça m'empêchera pas de faire la vérif en php !)

Exemple :

Si date_debut c'est le 20/08/09 je veux que quand je passe au champs date_fin je puisse pas sélectionner une date avant le 20/08/09 idem pour le 3eme champs qui dépends de date fin

[nico341]

Bonjour, je suis en train de bosser sur un datepicker, j'ai laisser dessus que les weekend de dispo mais j'aimerai juste enlever certains dimanches ou autre.
Ma version est la suivante:
jQuery UI Datepicker 1.7.2

Est se possible avec cette version?

[nico341]

Danielhagnoul j'ai regardé ton code, mais je n'arrive pas à comprendre comment tu installes ton script, les jours fériés et autre n'apparaissent pas du tout dans mon calendrier. (désolé je suis encore vraiment novice en javascript)

[danielhagnoul]

Bonsoir.

Désolé, tout est expliqué dans mon article, je ne vois pas comment simplifier la chose. Mais il s'agit d'un sujet qui nécessite un bon niveau en jQuery et jQuery UI. Je vous conseille de commencer par l'utilisation normale du UI Datepicker et de ses options.