Datepicker qui ne fonctionne pas

Résolu/Fermé

artemis0 Messages postés 903 Date d'inscription vendredi 3 janvier 2014 Statut Membre Dernière intervention 28 juillet 2018 - 20 janv. 2018 à 12:00
artemis0 Messages postés 903 Date d'inscription vendredi 3 janvier 2014 Statut Membre Dernière intervention 28 juillet 2018 - 20 janv. 2018 à 12:26

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 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649
20 janv. 2018 à 12:06

Bonjour
En plus du css il me semble qu'il faille aussi des images.
Regarde le contenu du css pout voir.

artemis0 Messages postés 903 Date d'inscription vendredi 3 janvier 2014 Statut Membre Dernière intervention 28 juillet 2018 178
20 janv. 2018 à 12:26

finalement j'utilise un input type date. c'est plus simple.
merci quand même

Discussions similaires

Date picker en VBA

Problème datetimepicker sur Symfony

DTPICKER1 à la date du jour dans userform

Faire fonctionner code source de base Bootstrap 3 DatePicker

Discussions similaires

Newsletters