DatePicker en français

Version imprimable

Salut.

J'essaye de crée un datePicker en français avec jQuery. Si quelqu'un peut m'aider, je ne vois pas ou est le problème, j'ai parcouru un tas de pages sur le sujet et je ne vois pas mon erreur :s si quelqu'un la voit je suis preneur ;)

Voila mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html lang="fr">
<head>
    <link rel="stylesheet" href="jquery-ui/css/smoothness/jquery-ui-1.8.20.custom.css">
    <script src="jquery-ui/js/jquery-1.7.2.min.js"></script>
    <script src="jquery-ui/js/jquery-ui-1.8.20.custom.min.js"></script>
    <script src="jquery-ui/js/jquery.ui.datepicker-fr.js"></script>
    <script>
        $(document).ready(function(){
            $('#date').datepicker({dateFormat: 'yy-mm-dd'});
        });
    </script>
<meta charset="UTF-8">
<title></title>
</head>
<body>
    <form>
        <label for="date">Date:</label>
        <input type="text" name="date" id="date">
    </form>
</body>
</html>

Merci d'avance et bonne journée.

28/05/2012, 17h13
SpaceFrog

Oui et donc quels sont les sympotmes ??

Sinon la référence en la matière se trouve là
http://jqueryui.com/demos/datepicker/
28/05/2012, 21h51
MichaelKyle

Merci pour ta réponse,

C'est vrai que j'ai même pas écrit le problème ^^ (le boulet :s) en fait le prob c'est qu'il n'est pas en français voila :s sinon j'ai regarder pas mal de truc au niveau des docs officielles de jQuery si tu sais d'ou cela peut venir :D

Le must ça serait que j'ai l'interface graphique en français et que la date s'affiche (soit écrite dans la textBox) en type ISO une fois qu'on l'a choisie (du type yy-mm-dd ex: 2012-05-28) pour pouvoir l'utiliser directement avec SQL.
(ça j'y arrive après faut voir si pour le faire en même temps que le widget en français il faut faire quelque chose de spécial encore en plus)

Voila merci d'avance et bonne soirée
Ciao
29/05/2012, 09h38
Dabius

Essaye d'ajouter la ligne suivante :

Code:

$.datepicker.setDefaults($.datepicker.regional['fr']);
29/05/2012, 16h59
MichaelKyle

Merci pour a réponse

J'ai essayé depuis mon serveur et cela marche avant (je ne sais pas pourquoi ça ne marcher pas en local)
J'ai un autre soucis j'utilise 2 datepicker et je souhaite comparer si dans ces 2 datepicker si l'année est identique et si le mois est identique comment faire ? :s

Merci d'avance
++

tes dates, une fois choisit seront dans des input type="text"?
tu récupère les date des inputs
et tu split en fonction de tes séparateurs (- ou /), et tu compare directement les éléments qui t’intéresse. ;)
Code:

1 2 3 4 5 6 7 8 9 10 11 12 var date1 = document.getElementById("IdInputDate1").value; var date2 = document.getElementById("IdInputDate2").value; var elemDate1 = date1.split('-'); var elemDate2 = date2.split('-'); // comparaison des années elemDate1[0] == elemDate2[0] // comparaison des mois elemDate1[1] == elemDate2[1]
y a moyen de réduire tout sa en faisant le split directement sur les document.getElementById().value

30/05/2012, 09h07
SpaceFrog

Un peu risqué cette dernière methode.
Li'dée du split est bonne mais il est plus prudent de repasser par une attribution de new Date() et comparer les date obtenues...
30/05/2012, 09h23
Piflo

oui, aussi, les objet Date sont assez utile. :mrgreen:

il faut les instancier, puis comparé les getFullYear() et getMonth().
30/05/2012, 09h31
SpaceFrog

pourquoi comparer les getFull... ??
suffit de comparer les dates direct ...
30/05/2012, 10h00
Piflo

Citation:

Envoyé par MichaelKyle

J'ai un autre soucis j'utilise 2 datepicker et je souhaite comparer si dans ces 2 datepicker si l'année est identique et si le mois est identique comment faire ? :s

après je ne sais pu si y a une fonction de comparaison existante.
et si elle existe, elle doit retourner -1 si d1 est avant d2, 0 si d1 = d2 et 1 si d1 est après d2. non ?

*au moins, si je me trompe, je me coucherais moins bête.*
30/05/2012, 10h30
SpaceFrog

heu les opérateurs habituels font le boulot ...

< > == etc ...
30/05/2012, 10h32
SpaceFrog

Sinon pour aller plus loin avec les dates http://javascript.developpez.com/cou...nt-utiles/#LVI
30/05/2012, 10h41
Piflo

Citation:

Envoyé par SpaceFrog

heu les opérateurs habituels font le boulot ...

< > == etc ...

tout à fait d'accord (pour une comparaison globale des dates).

mais MichaelKyle a bien mentionner vouloir comparé spécifiquement année et mois. la raison pour lequel j'ai parlé des getters.