jQuery datepicker - 为什么主题样式不显示？

Question

我使用 jQuery 制作了一个日期选择器，如下所示:

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

和

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

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

我使用firebug来查看哪些类(class)已应用于输入元素，它只有:

hasDatepicker

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

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

我查看了日期选择器文档，但我看不到允许您选择加入或退出此样式的选项，而且我认为无论如何默认情况下都会发生这种情况。

谁能告诉我需要做什么才能实现此功能？

非常感谢。

更新:

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

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

Answer 1

您是否在主题样式表中链接？

示例:

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