jquery datepicker prev和next图标没有显示

问题描述:

我已经将jquery datepicker并入了我的应用程序,但是无论我选择prev/next图标的什么主题都不显示。我也使用了不同版本的jquery-ui.js。我已经尝试了几个我见过以前发布的类似项目 - 使用“hideIfNoPrevNext”或者说,我无法找到是哪里的“图像”文件夹位于jquery datepicker prev和next图标没有显示

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

一个建议。我查看了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); 
} 
+0

如果你下载了jquery ui主题,你怎么找不到图片文件夹? –

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

+0

我从您提供给我的项目中的图像文件夹的链接中复制了图像文件夹中的图像。然后,我改变.css有(“/图像....”),但我仍然没有看到图标。 –

+1

@EthelPatrick css将根据图像相对于css文件的位置加载文件。因此,在默认布局中,css文件位于'image'文件夹旁边,因此它可以工作。如果你的css文件在'js'内,并且'images'与'js'处于同一级别,那么url需要是'../ images/...'。 –

+0

感谢工作的科里。 –

谁读了这个问题, 如果使用此dateime选择器 http://www.malot.fr/bootstrap-datetimepicker/

您添加此选项:bootcssVer:3

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

图标将显示!