Jquery 为什么主题样式没有显示？

我使用jQuery创建了一个日期选择器，如下所示：

<input type="text" id="my_datepicker">

日期选择器工作得很好，我以前已经使用过好几次了。问题是，输入元素看起来仍然像一个普通的文本字段，而当我在过去使用它时，它使用jQuery UI类来设置字段的样式，使其看起来光滑并与主题保持一致

我使用firebug查看哪些clesses已应用于输入元素，它只有：

hasDatepicker

而另一个站点上样式正确的日期选择器的输入字段具有以下所有类：

hasDatepicker
ui-inputfield
ui-widget 
ui-state-default
ui-corner-all

我已经查看了datepicker文档，但是我看不到允许您选择加入或退出此样式的选项，我认为默认情况下会发生这种情况

有人能告诉我需要做什么来实现这一点吗

非常感谢

更新：

<input id="dob" type="text" maxlength="45" size="45" />

---

这是根据请求从live站点输入的标记。

是否在主题样式表中链接

例如：

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

---

在我看来，您指出的站点将css样式应用于输入字段，而不是jquery ui库，我的意思是，在不属于jquery ui的样式表中

---

在这个JSFIDLE中，您可以看到这些类不是由jquery ui datepicker（）本身应用的（我使用的是jquery 1.6.2和jquery ui 1.8.14）。

我发现问题来自于我的应用程序如何绑定css文件。我在我的索引页面中添加了链接，并且能够使主题正常工作

<link href="~/Content/jquery-ui.css" rel="stylesheet" />
<link href="~/Content/jquery-ui.structure.css" rel="stylesheet" />

让我们试试贝娄 对于管理员：-

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

主题：

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

这是js

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

---

确保你已经在页面中包含了css。好吧，你可以一直这样做。我们能在工作现场看到

输入的来源吗？@Matt Hi。我已经对我的帖子进行了编辑，以显示来自实时站点的实际
输入。@Senad Hi。我已经检查过了，所有的CSS都在那里。所有其他组件的主题都很好。事实上，在我开发的过程中，我刚刚使用了包含所有内容的css和js文件。你能告诉我们位置吗，这样我们就可以看到我无意中使用了media=“screen”，这阻止了样式的应用？奇怪的切换到media=“all”将按预期应用样式。谢谢
   (function($) {
      $('#jquery-datepicker').datepicker();
    }(jQuery));