4

我有一个带有 jQ​​uery 日期选择器的非常简单的 HTML 页面：

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

4 回答 4

8

如果您通过 Google 加载 jQueryUI，请确保 jQueryUI CSS 主题与 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，则数据选择器将不会显示。

于 2011-05-11T21:34:56.583 回答
7

我的问题不在于 CSS 有效性或相对路径……我只是为我的 jQuery-ui 版本引用了错误版本的 CSS 文件。对于所有遇到类似问题的人，请确保为您的 jQuery-ui 脚本下载正确的主题版本。

谢谢。

于 2009-01-20T22:57:51.473 回答
3

我遇到了与你相反的问题。其中我忘记在我的头部插入下面的行，而我的日期选择器正在从我的模板中获取 css。将其包含在我的 head 部分后，我可以使用 googleapi 的 css 查看日期时间选择器

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css">
于 2011-05-04T08:56:39.637 回答
0

让我们试试这个......

        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));
于 2017-01-18T18:41:31.903 回答