Question

我是datepicker和jquery ui的新手，并试图理解它。我从http://jqueryui.com/datepicker/来源获取了示例，并进行了以下test.html

我的印象是，as 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>

我在chrome Inspect元素中遇到了一些关于丢失png文件的错误......

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

我从哪里获取这些图片？我可以看到http://jqueryui.com/datepicker/中的日期选择器正在使用资源文件夹中的某些样式。有什么可以帮助我了解如何使日期选择器工作吗？

Answer 1

这些是jQuery-UI themes。如果我没记错，它们是可配置的，因此您选择的确切主题可能会有所不同。

它并不特定于datepicker，而是jQuery-UI。

您可能需要添加引用以添加CSS（如：jquery-ui/themes/ui-lightness/jquery-ui.css这样的网址。）

Answer 2

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等。

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

2 个答案: