Question

我已将jquery datepicker合并到我的应用程序中，但无论我选择哪个主题，prev / next图标都不会显示。我也使用了不同版本的jquery-ui.js。我尝试了一些我之前看过的项目 - 使用'hideIfNoPrevNext'或

 $( ".date" ).datepicker( "option", "changeMonth", true );

我找不到的一个建议是'image'文件夹所在的位置。我查看了jquery-ui.js和theme.css。

在我的代码中，我按顺序引用文件：

 <link href="js/ui_1.10.4_themes_smoothness_jquery-ui.css" rel="stylesheet" type="text/css" />
 <script src="js/jquery-1.10.js" type="text/javascript"></script>
 <script src="js/jquery_ui_1.11.4_jquery-ui.js" type="text/javascript"></script>

并在主题中将图标引用为：

.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

Answer 1

下载jQuery-UI时，您应该获得一个包含您要查找的图像文件夹的zip文件。这些将需要包含在您的项目中，以便正确显示图标。包括这些取决于您用于提供文件的Web服务器的类型。

Answer 2

读这个问题的人，如果你使用这个日期时间选择器 http://www.malot.fr/bootstrap-datetimepicker/

您添加此选项：bootcssVer：3

 $( ".date" ).datepicker( "option", "changeMonth", true, **"bootcssVer" : 3** );

图标将显示!!!

Answer 3

我的问题是将文本缩进设置为-99999px，并通过将其修补为0px来解决了这个问题。

Jquery datepicker prev和下一个图标没有显示

3 个答案: