jQuery-UI Datepicker CSS проблема - PullRequest
Новая
       12

jQuery-UI Datepicker CSS проблема

4 голосов
/ 20 января 2009

У меня есть эта довольно простая HTML-страница с указателем даты 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>

Кажется, сама программа выбора даты работает отлично, но я не могу применить свою тему. Я что-то упускаю здесь действительно глупо?

Спасибо !!!!

Ответы [ 4 ]

8 голосов
/ 12 мая 2011

Если вы загружаете jQueryUI через Google, убедитесь, что CSS-тема jQueryUI имеет ту же версию, что и библиотека 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>

Проверьте код выше, оба используют 1.8.5. Но если вы загрузите 1.8 вместо 1.8.5 для темы, сборщик данных не будет отображаться.

7 голосов
/ 21 января 2009

Моя проблема была не в правильности CSS или относительных путях .... Я просто ссылался на неправильную версию файлов CSS для моей версии jQuery-ui. Всем, у кого была похожая проблема, убедитесь, что вы загрузили правильную версию темы для своих сценариев jQuery-ui.

Спасибо.

3 голосов
/ 04 мая 2011

У меня проблема, которая противоположна вашей. При этом я забыл вставить строку ниже в мою главную секцию, и мой DatePicker берет CSS из моего шаблона. После включения его в мой головной раздел я могу просматривать палитру даты и времени с помощью googleapi's css 

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css">
0 голосов
/ 18 января 2017

давайте попробуем с этим ... 

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

вот js 

    (function($) {
      $('#jquery-datepicker').datepicker();
    }(jQuery));
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...