Problema CSS Datepicker jQuery-UI

StackOverflow https://stackoverflow.com/questions/460263

  •  19-08-2019
  •  | 
  •  

Domanda

Ho questa pagina HTML piuttosto semplice con un datepicker 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>

Lo stesso Datepicker sembra funzionare perfettamente ma non riesco ad applicare il mio tema. Mi sto perdendo qualcosa di veramente stupido qui?

Grazie !!!!

È stato utile?

Soluzione 2

Il mio problema non riguardava la validità CSS o i percorsi relativi .... Stavo solo facendo riferimento alla versione errata dei file CSS per la mia versione jQuery-ui. A tutti voi che avete avuto un problema simile, assicuratevi di scaricare la versione corretta del tema per i vostri script jQuery-ui.

Grazie.

Altri suggerimenti

Se carichi jQueryUI tramite Google, assicurati che il tema CSS jQueryUI abbia la stessa versione della libreria jQueryUI. 

<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>

Controlla il codice sopra, entrambi usano 1.8.5. Ma se carichi 1,8 anziché 1,8,5 per il tema, il datapicker non verrà visualizzato.

Ho il problema che è opposto al tuo. In cui ho dimenticato di inserire la riga sotto nella mia sezione di testa e il mio datepicker sta prendendo il CSS dal mio modello. Dopo averlo incluso nella mia sezione principale, posso visualizzare il selettore datetime con il css di googleapi 

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

proviamo con questo ... 

        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');

ecco js 

    (function($) {
      $('#jquery-datepicker').datepicker();
    }(jQuery));
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top