Recherche calendrier JS ou Jquery prêt à l'emploi

Version imprimable

03/05/2017, 15h46
69Pierre

Recherche calendrier JS ou Jquery prêt à l'emploi

Bonjour.
Je cherche un calendrier simple qui affiche des dates mois par mois en français et les renvoit au fomat AAAA-MM-JJ à intégrer dans un input au clic qui puisse être appelé comme suit dans mon code :

Code:

<input name="date_entretien" type="date" id="date_entretien" onclick="calendrier('date_entretien')">

Est ce que quelqu'un peut m'aider ?
Merci d'avance.

J'ai piqué ça dans le forum :

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
<link rel="stylesheet" href="/jquery-ui.min.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<script type="text/javascript">
$.datepicker.setDefaults(
    {
        altField: "#datepicker",
        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: ['Janv.', 'Févr.', 'Mars', 'Avril', 'Mai', 'Juin', 'Juil.', 'Août', 'Sept.', 'Oct.', 'Nov.', 'Déc.'],
        dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
        dayNamesShort: ['Dim.', 'Lun.', 'Mar.', 'Mer.', 'Jeu.', 'Ven.', 'Sam.'],
        dayNamesMin: ['D', 'L', 'M', 'M', 'J', 'V', 'S'],
        weekHeader: 'Sem.',
        dateFormat: 'dd-mm-yy'
    }
);
 
 
</script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script><br><input name="start" type="text" id="datepicker" />

,
je n'arrive pas à mettre au format YYYY-MM-DD
Les dates de ma BDD Mysql sont au format date.

03/05/2017, 17h03
SpaceFrog

Ta demande :

Citation:

je n'arrive pas à mettre au format YYYY-MM-DD

Ton code ...

Code:

dateFormat: 'dd-mm-yy'
03/05/2017, 17h39
69Pierre

Ah oui, j'ai oublié de dire que j'ai essayé :

Code:

dateFormat: 'YYYY-MM-DD'

mais ça ne fonctionne pas, ça m'affiche cela :

Citation:

YYYY-Mai-Mardi

Je cherche le script tout fait JS pur ou jquery d'un calendrier pour aide à la saisie avec navigation par année et par mois restituant des dayes au format YYYY-MM-JJ, je ne suis pas attaché à celui que j'ai trouvé.
04/05/2017, 08h25
SpaceFrog

et en minuscules ?
http://api.jqueryui.com/datepicker/#option-dateFormat
et surtout http://api.jqueryui.com/datepicker/#utility-formatDate

Code:

"yy-mm-dd"

qui est d'ailleurs un format prédéfini

Citation:

ISO_8601 - 'yy-mm-dd'
04/05/2017, 11h25
69Pierre

Bon super merci.
Comme quoi avant de toucher...
Je suis allé visiter le site que tu proposes mais mes lacunes en anglais ne m'ont pas permis d'aller très loin.
Une dernière chose avant d'intégrer tout ça à mon code : comment pouvoir naviguer d'année en année et pas uniquement de mois en mois ?
04/05/2017, 13h38
69Pierre
Il suffit d'ajouter :
Code:

1 2 changeMonth: true, changeYear: true,
en début de code.
Il me reste à changer la période maxi du calendrier : faire passer de janvier 2007 à décembre 2027 à janvier 1981 à décembre 2027.
Voilà en un peu plus large :

Code:

yearRange: '1980:2030',

Merci.