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); 
}

來源

2016-03-15 Ethel Patrick

如果你下載了jquery ui主題，你怎麼找不到圖片文件夾？ –

當下載jQuery-UI你應該得到一個zip文件，將包含您正在查找的圖像文件夾。這些將需要包括您的項目，以便圖標正確顯示。包括這些取決於您用於提供文件的Web服務器的類型。

來源

2016-03-15 17:10:02

我從您提供給我的項目中的圖像文件夾的鏈接中複製了圖像文件夾中的圖像。然後，我改變.css有（「/圖像....」），但我仍然沒有看到圖標。 –

@EthelPatrick css將根據圖像相對於css文件的位置加載文件。因此，在默認佈局中，css文件位於'image'文件夾旁邊，因此它可以工作。如果你的css文件在'js'內，並且'images'與'js'處於同一級別，那麼url需要是'../ images/...'。 –

感謝工作的科裏。 –

誰讀了這個問題，如果使用此dateime選擇器 http://www.malot.fr/bootstrap-datetimepicker/

您添加此選項：bootcssVer：3

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

圖標將顯示！

來源

2017-06-30 18:38:31

jquery datepicker prev和next圖標沒有顯示

回答

相關問題