jQuery datepicker – 为什么主题样式没有显示？

我用jQuery来制作一个像这样的日期选择器：

和

 $('#my_datepicker').datepicker(); 

datepicker工作正常，之前我曾多次使用过它。 问题是输入元素仍然看起来像普通的文本字段，而当我过去使用它时，它使用了jQuery UI类来设置字段的样式，使其看起来有光泽并与主题保持一致。

我使用了firebug来查看哪些clesses已应用于input元素，它只有：

 hasDatepicker 

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

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

我查看过datepicker文档，但是我看不到一个允许你选择加入或退出这个样式的选项，我认为这种情况无论如何都会发生。

任何人都可以告诉我我需要做什么才能启用它？

非常感谢。

更新 ：

这是来自实时站点的输入标记。

Answer 1

你在主题样式表中链接了吗？

例：

Answer 2

在我看来，除了jquery-ui库之外，你指出的网站将css样式应用于输入字段，我的意思是，在不属于jquery-ui的样式表中。

在这个jsfiddle http://jsfiddle.net/diosney/PkEar/3/中你可以看到这些类不是由jquery-ui datepicker（）本身应用的（我使用的是jquery 1.6.2和jquery-ui 1.8.14） ）。

Answer 3

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

Answer 4

让我们试试用下面的管理员： –

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