是否jquery datepicker需要img文件才能工作

我是datepicker和jquery ui的新手，並試圖理解它。我以http://jqueryui.com/datepicker/源爲例，並進行了如下測試.html是否jquery datepicker需要img文件才能工作

我的印象是，datepicker是一個小部件，它應該是通過提供js和所需的jquery-ui js以及css文件。

<html> 
<head> 
    <script src="jquery.js"></script> 
    <script src="jquery-ui.min.js"></script> 
    <link rel="stylesheet" href="jquery-ui.css"> 
    </script> 
    <script> 
     $(document).ready(function(){ 

     $("input#datetext").datepicker({ 
       showOn: "both" 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <p>Click me away!</p> 
    <input id="datetext" class="datepicker" type="text"></input> 
    <p>Click me too! Lipsum toriumn fsdion fsdfsp fsdfsd</p> 
</body>

我得到一堆錯誤關於我的鉻審查元素像這樣缺少PNG文件...

file:///.../images/ui-bg_glass_75_e6e6e6_1x400.png net::ERR_FILE_NOT_FOUND

哪裏可以從中獲取這些圖片？我可以看到http://jqueryui.com/datepicker/中的日期選擇器正在使用資源文件夾中的某些樣式。任何請幫我理解如何使日期選擇器工作？

來源

2014-06-26 tintin

這些是來自jQuery UI主題的圖像。 https://github.com/jquery/jquery-ui/tree/master/themes/base/images – showdev

這些是jQuery-UI themes。如果我沒有記錯，它們是可配置的，所以您選擇的確切主題可能會有所不同。

它不是特定於datepicker，而是一般的jQuery-UI。

您可能需要添加一個引用來添加CSS（到像這樣的url：jquery-ui/themes/ui-lightness/jquery-ui.css）。

來源

2014-06-26 16:55:44 Igor

我可以忽略這些圖片嗎？我在哪裏做？ – tintin

@tintin我不這麼認爲。 jQuery-UI依賴於正確渲染其小部件所必需的一些資源。 – Igor

如何將它包含在上述html頁面中？ @showdev，我是否需要手動複製這些圖像？ – tintin

Datepicker使用由jQuery UI提供的圖像。特別是，當你從ThemeRoller下載你的主題時，你應該找到像ui-icons _... png這樣的圖像文件。

如果您更改.ui-widget-header .ui-icon，.ui-state-default，.ui-widget-content .ui-state-default，中的背景樣式，則可以使用自己的圖像。 ui-widget-header .ui-state-default等。

來源

2014-06-26 17:02:23 HarmonicApps

是否jquery datepicker需要img文件才能工作

回答

相關問題