IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Coloration cellule d'un tableau datepicker


Sujet :

jQuery

Mode arborescent

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Invité
    Invité(e)
    Par défaut Coloration cellule d'un tableau datepicker
    Bonjour,

    Je viens vers vous car j'ai un soucis avec jQuery, je souhaite dans mes deux datepicker mettre des cellules d'un autre couleur depuis des dates stocké dans ma base de données, j'ai donc fais ma requête SQL que j'ai ensuite j'ai fais ça,

    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    $dateEvent= mysql_query($reqDate);
    while ($qarray=mysql_fetch_array($dateEvent)){
            $tblDateEvent[]= array($qarray[0]);
    }

    Dans ma requête SQL j'ai formaté m'as date comme ceci,
    DATE_FORMAT( colonne_date, '%Y,%m,%d' ).

    Puis après j'ai mon code jQuery,

    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
    $(document).ready(function() {
            var tableau = '<?php json_encode($tblDateEvent) ?>';
            $("#datepicker2").datepicker({
                minDate: new Date($('input[name=dateMin]').val()),
                maxDate: new Date($('input[name=dateMax]').val()),
                beforeShowDay: function(date){
                    var m = date.getMonth();
                    var d = date.getDate();
                    var y = date.getFullYear();
                    if($.inArray((m +1)+'-'+d+'-'+y, tableau) !== -1) {			
                        return [true, 'datepickerConsoDonDay'];
                    }
                    else{
                        return [true];
                    }
                }
            });
            $("#datepicker1").datepicker({
                minDate: new Date($('input[name=dateMin]').val()),
                maxDate: new Date($('input[name=dateMax]').val()),
                onSelect: function(){
                    if ($(this).val() !== '') {
                        $("#datepicker2").datepicker('option', 'minDate', $(this).val());
                    }
                },
                onClose: function () {
                    if ($(this).val() == '') {
                        $("#datepicker2").datepicker('option', 'minDate', null);
                    }
                }
            });
    });
    Mon soucis c'est que beforeShowDate ne fonctionne pas, je pense que le tableau n'est pas bien formaté mais je ne sais pas comment faire. Tout les tutos que j'ai vu avais des tableaux déclarés en JS, donc je pense que c'est le tableau qui bloque...
    Si vous pouviez m'aider à démêler tout ça, ça serais super.
    Merci

    Cordialement
    Dernière modification par Bovino ; 02/03/2015 à 09h45. Motif: Merci d'indiquer le langage utilisé ([code=xxx]) pour activer la coloration syntaxique !

Discussions similaires

  1. Réponses: 2
    Dernier message: 06/08/2008, 16h11
  2. colorer cellule tableau
    Par Mike35 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 12
    Dernier message: 27/07/2006, 14h57
  3. [SWT]edition de cellule d'un tableau SWT
    Par javaGirl dans le forum SWT/JFace
    Réponses: 2
    Dernier message: 30/03/2004, 13h04
  4. Réponses: 3
    Dernier message: 01/12/2003, 13h14
  5. [CR9] Colorier les cellules d'un tableau croisé
    Par Koko22 dans le forum SAP Crystal Reports
    Réponses: 2
    Dernier message: 14/11/2003, 16h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo