2009-09-03 12 views
1

J'ai un datepicker (jquery)datepicker, jquery

$ ("# datepicker") datepicker ({

}).

Je veux coloriser (surligner) certains jours dans cette datepicker. Et ces jours-ci je voudrais obtenir de certains tableau !!!!

Je ne sais pas, quelque chose comme ceci:

$ ("# datepicker") datepicker ({
point fort. [ '09/16/2009', 09/12/2009, 08 /16/2009 ....]});

Aidez-moi s'il vous plaît

Merci beaucoup !!!

Répondre

3

Essayez d'utiliser la fonction beforeShowDay du programme datepicker. Cela se déclenche avant de rendre chaque jour dans le sélecteur. Dans la fonction, vous vérifiez si la date actuelle est dans un tableau de dates spéciales. Si c'est le cas, vous pouvez retourner un tableau où le second élément est le nom de la classe css que vous voulez rendre sur chaque td.

Démo here

var someSpecialdates = [1, 5, 12, 21, 27, 30]; 

    $("#datepicker").datepicker({ 
     beforeShowDay: function(dt) { 
     var d = dt.getDate(); 
     return ($.inArray(d, someSpecialdates) === -1) ? [true,""] : 
                  [true, "specialDateCSSClass"]; 
     } 
    }); 
+0

Alors, comment feriez-vous mettre en évidence, par exemple, noël? – Eric

+0

bien je tiens le mois/jour dans le tableau et au lieu de vérifier seulement la partie de jour je voudrais également vérifier le mois – redsquare

+0

Voir la réponse ici qui montre exactement cela http://stackoverflow.com/questions/501943/can-the -jquery-ui-datepicker-être-fait-de-désactiver-samedis-et-dimanche-et-holida/503082 # 503082 – redsquare

0

Voici le simple, peut être utile pour quelqu'un

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 

    <script> 
    $(document).ready(function() { 
    $("#datepicker").datepicker(); 
    }); 
    </script> 

<form> 
    <input id="datepicker" /> 
</form>