jQuery UI Datepicker - 为什么它是裸露的？答案

【问题标题】：jQuery UI Datepicker - why's it naked?jQuery UI Datepicker - 为什么它是裸露的？
【发布时间】：2011-06-29 12:52:25
【问题描述】：

我正在使用 jQuery UI Datepicker，并以最简单的方式将它与文本字段挂钩。

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

但是当我点击文本字段时，日期选择器看起来像这样：

这是为什么呢？我需要安装皮肤吗？

谢谢。

【问题讨论】：

【解决方案1】：

您应该将 css 文件添加到页面。它应该在同一个包 js + css 中

【讨论】：

【解决方案2】：

确保将适当的 .css 引用添加到您的页面。也许它包含在您下载的捆绑包中，也许不是。

为了在开发/测试期间快速而肮脏的参考，请使用：

<link href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" 
      rel="stylesheet" type="text/css" media="all" />

获取本地副本以供生产使用。

【讨论】：

【解决方案3】：

Google 还托管 jquery 的 css 文件。在这里引用

只需将版本号修改为你使用的jquery ui的版本

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/redmond/jquery-ui.css

【讨论】：

【解决方案4】：

很可能有一个应该附带的 CSS 文件。

【讨论】：