<link rel="stylesheet" type="text/css" href="Files/Other/jquery.datepickr.css" />
<script type="text/javascript" src="Files/Other/jquery.datepickr.min.js"></script>

<script type="text/javascript">
$(function() {
    $('.date :input').prop('id','Id_DatePickrElement'); // On attribut un id à l'inputbox
            new datepickr('Id_DatePickrElement', {
                dateFormat: '\\L\\e jS F Y', /* Double anti-slash pour mettre du texte */
                weekdays: ['dimanche', 'lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi'],
                months: ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
                suffix: { 1: 'er' },
                defaultSuffix: '' /* suffix utilisé si aucun suffix 'th' */
            });
// Pour que le calendrier soit au premier plan
$('.calendar').css('z-index','100000');
 });
</script>

// premier element avec "date" comme Classe Perso (pas de changements a faire)
$('.date :input').prop('id','Id_DatePickrElement'); // On attribut un id à l'inputbox
            new datepickr('Id_DatePickrElement', {
                dateFormat: '\\L\\e jS F Y', /* Double anti-slash pour mettre du texte */
                weekdays: ['dimanche', 'lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi'],
                months: ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
                suffix: { 1: 'er' },
                defaultSuffix: '' /* suffix utilisé si aucun suffix 'th' */
            });
            
// deuxieme element avec "date2" comme Classe Perso
$('.date2 :input').prop('id','Id_DatePickrElement2'); // On attribut un id à l'inputbox
            new datepickr('Id_DatePickrElement2', {
                dateFormat: '\\L\\e jS F Y', /* Double anti-slash pour mettre du texte */
                weekdays: ['dimanche', 'lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi'],
                months: ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
                suffix: { 1: 'er' },
                defaultSuffix: '' /* suffix utilisé si aucun suffix 'th' */
            });