Datepicker qui ne fonctionne pas

Résolu
artemis0 Messages postés 903 Date d'inscription   Statut Membre Dernière intervention   -  
artemis0 Messages postés 903 Date d'inscription   Statut Membre Dernière intervention   -
bonjour,

j'ai récupéré un datepicker. Il utilise la feuille de style suivante : 
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/smoothness/jquery-ui.css" />

Cependant je souhaite qu'il fonctionne hors-ligne, donc j'ai téléchargé le fichier 
jquery-ui.css
et je l'ai enregistré dans le même dossier que ma page qui contient le datepicker. Cependant il y a des problèmes d'affichage : les flèches pour les dates n'apparaissent pas :


Alors qu'elles devraient apparaitre comme ça :


voici le code complet : 
<!doctype html>
<html lang="en">
  <script type="text/javascript" src="jquery.min.js"></script>
  <script type="text/javascript" src="jquery-ui.min.js"></script>
  <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/smoothness/jquery-ui.css" />

  <input type="text" id="datepicker">

  <script type="text/javascript">
    jQuery(document).ready(function($){
      $("#datepicker").datepicker();
  });
    $.datepicker.regional['fr'] = {
        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',
        firstDay: 1,
        isRTL: false,
        showMonthAfterYear: false,
        yearSuffix: ''
    };
    $.datepicker.setDefaults($.datepicker.regional['fr']);
   </script>


</html>


merci

1 réponse

Réponse 1 / 1
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour
En plus du css il me semble qu'il faille aussi des images.
Regarde le contenu du css pout voir.
1
artemis0 Messages postés 903 Date d'inscription   Statut Membre Dernière intervention   179
 
finalement j'utilise un input type date. c'est plus simple.
merci quand même
0