jQuery UI DatePicker 主题答案

【问题标题】：jQuery UI DatePicker themejQuery UI DatePicker 主题
【发布时间】：2014-10-16 08:16:32
【问题描述】：

我想知道在使用 DatePicker 时是否有办法覆盖它正在显示的页面中的任何 CSS 并简单地显示一个默认的纯主题。我只想要一个基本的灰色日历，但 DatePicker 似乎正在从我的网站上提取元素。我使用的代码如下

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">  
<script src="//code.jquery.com/jquery-1.10.2.js"></script>  
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>  
<script>
$(function(){
$( "#datepicker" ).datepicker({ dateFormat: 'dd-mm-yy' });  
});  
</script>

我无法上传我的日历图片（因为我没有足够的声望点），但基本上是一周中的日子（M、T、W、T、F、S、S）背景为深绿色，文字为红色。天上下的间距也很大。我希望在上面的代码中有一种快速简单的方法来格式化它。

提前致谢。

【问题讨论】：

href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" 是您使用的主题。下载一份副本，并查看.datepicker 的文件。您可以在此处找到更多信息：jqueryui.com/themeroller，从图库中下载您喜欢的样式，然后将 .datepicker 样式替换为您想要的新样式。

标签： javascript jquery css jquery-ui datepicker

【解决方案1】：

请在您的控件中添加一个空类，该类旨在用作日期选择器并在您的 jquery 中使用该类

<input type="text" class="dateinput"/>

在脚本标签内应该写成 $(函数(){ $( '.dateinput' ).datepicker({ dateFormat: 'dd-mm-yy' });
});

【讨论】：