jQuery UI Datepicker - 为啥它是裸露的?
Posted
技术标签:
【中文标题】jQuery UI Datepicker - 为啥它是裸露的?【英文标题】:jQuery UI Datepicker - why's it naked?jQuery UI Datepicker - 为什么它是裸露的? 【发布时间】:2011-06-29 12:52:25 【问题描述】:我正在使用 jQuery UI Datepicker,并以最简单的方式将它与文本字段挂钩。
$('#date').datepicker();
但是当我点击文本字段时,日期选择器看起来像这样:
这是为什么呢?我需要安装皮肤吗?
谢谢。
【问题讨论】:
您必须添加对 jquery ui 样式表的引用。 哦,你有一个可爱的小日期选择器 【参考方案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 文件。在这里引用
Downloading jQuery UI CSS from Google's CDN
只需将版本号修改为你使用的jquery ui的版本
http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/redmond/jquery-ui.css
【讨论】:
【参考方案4】:很可能有一个应该附带的 CSS 文件。
【讨论】:
以上是关于jQuery UI Datepicker - 为啥它是裸露的?的主要内容,如果未能解决你的问题,请参考以下文章
为啥 jQuery Datepicker 无法更改日期格式?