jQuery-UI Datepicker CSS problème

J'ai c'est assez simple page HTML avec un datepicker de jQuery:

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery Datepicker</title>
    <link rel="stylesheet" href="../App_Themes/Default/ui.datepicker.css" type="text/css"
        media="screen" title="Smoothness" />

    <script src="../Shared/Scripts/jquery-1.2.6.min.js" type="text/javascript"></script>

    <script src="../Shared/Scripts/jquery-ui-1.5.3.min.js" type="text/javascript"></script>

    <script language="javascript" type="text/javascript">
        $(document).ready(PageLoad);

        function PageLoad() {
            $('#textBox').datepicker();
        }
    </script>

</head>
<body>
    <input type="text" id="textBox" />
</body>
</html>

Le datepicker lui-même semble fonctionner parfaitement mais je ne peux pas appliquer mon thème. Ai-je raté quelque chose de vraiment stupide ici?

Merci !!!!

Il fonctionne très bien pour moi. Vérifiez le chemin d'accès et CSS validité.

OriginalL'auteur Andre Gallo | 2009-01-20

  1. 7

    Si vous chargez jQueryUI par le biais de Google, assurez-vous que le jQueryUI CSS thème a la même version que le jQueryUI bibliothèque.

    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>

<script src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js' type='text/javascript'></script>

    Vérifier le code ci-dessus, les deux utilisent 1.8.5. Mais si vous chargez 1.8 au lieu de 1.8.5 pour le thème, puis la datapicker de ne pas s'afficher.

    OriginalL'auteur bart

  2. 6

    Mon problème n'était pas le CSS de validité ou les chemins d'accès relatifs .... Je viens de référencer la version incorrecte de fichier CSS pour mon jQuery ui version. À vous tous qui avait un problème similaire, assurez-vous de télécharger le thème de la version de votre jQuery-ui scripts.

    Grâce.

    Son grand/terrible sentiment quand vous vous rendez compte que vous saviez ce que vous faisiez tout au long de mais a échoué quelque part dans l'exécution 🙂

    OriginalL'auteur

  3. 3

    J'ai eu le problème qui est à l'opposé de la vôtre. Où j'ai oublié d'insérer la ligne ci-dessous dans ma tête et mon datepicker est de prendre le css de mon template. Après, y compris dans ma tête, je peux en mesure d'afficher le datetime picker avec googleapi css

    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css">

    OriginalL'auteur vkrams

  4. 0

    essayons avec cette ...

            function eds_admin_styles() {
          wp_enqueue_style( 'jquery-ui-datepicker-style' , '//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css');
        }
        add_action('admin_print_styles', 'eds_admin_styles');
        function eds_admin_scripts() {
          wp_enqueue_script( 'jquery-ui-datepicker' );
        }
        add_action('admin_enqueue_scripts', 'eds_admin_scripts');

    voici js

        (function($) {
      $('#jquery-datepicker').datepicker();
    }(jQuery));

    OriginalL'auteur Saiful Islam