jQuery datepicker - 为什么主题样式没有显示?

Joe*_*Joe 6 jquery jquery-ui jquery-ui-datepicker

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

<input type="text" id="my_datepicker">
Run Code Online (Sandbox Code Playgroud)

$('#my_datepicker').datepicker();
Run Code Online (Sandbox Code Playgroud)

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

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

hasDatepicker
Run Code Online (Sandbox Code Playgroud)

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

hasDatepicker
ui-inputfield
ui-widget 
ui-state-default
ui-corner-all
Run Code Online (Sandbox Code Playgroud)

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

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

非常感谢.

更新:

<input id="dob" type="text" maxlength="45" size="45" />
Run Code Online (Sandbox Code Playgroud)

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

jim*_*415 16

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

例:

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