Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 斑马日期选择器图标未显示_Javascript_Jquery_Jquery Ui_Datepicker - Fatal编程技术网

Javascript 斑马日期选择器图标未显示

Javascript 斑马日期选择器图标未显示,javascript,jquery,jquery-ui,datepicker,Javascript,Jquery,Jquery Ui,Datepicker,有人熟悉吗 我似乎无法显示日历图标 我也在尝试: <!doctype html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript" src="jquery-1.11.1.

有人熟悉吗

我似乎无法显示日历图标

我也在尝试:

<!doctype html>
<head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

     <title>Untitled Document</title>
     <script type="text/javascript" src="jquery-1.11.1.js"></script>
     <script type="text/javascript" src="jquery-ui.js"></script>
     <script type="text/javascript" src="zebra_datepicker.js"></script>
     <link rel="stylesheet" href="default.css" type="text/css">

     <script>
         $(document).ready(function() {

             // assuming the controls you want to attach the plugin to 
             // have the "datepicker" class set
             $('datepickertest').Zebra_DatePicker();

         });
     </script>

</head>

<body>

     <form>

          <input type="text" id="datepickertest" class="datepicker" />

     </form>

</body>
</html>
当所有这些文件都位于同一目录(包括calendar.png)中时,图标图像

在这两种情况下,日历图标都不会显示


顺便说一句,我试着查看演示页面的源代码,但我在任何地方都看不到引用的脚本,因此没有提供太多指导。

首先,确保您正确选择了datepickertest。包括或。事先分别选择id或类。我认为不包括那些标签元素

如果不特别关注Zebra Datepicker,我知道,至少对于常规的Datepicker,您必须初始化一些值

$("#id").datepicker({
   showOn: "button",
   buttonImage: "../images/myImage.png",
   buttonImageOnly: true,
   ...
 });

检查需要初始化的值。

以下是一个基于代码的工作示例:

你应该遵循他们的教程

首先,在html文件的开头添加

其次,下载包含所有文件的脚本,包括/css文件夹themes.png、calendar.png,以及要使用该主题的文件夹metallic

第三,在添加zebra日期选择器之前添加jquery

然后它应该会起作用。您的JSFIDLE无法工作,因为您将外部源引用到github,而github不是CDN,因此浏览器未加载


就是这样。

页面上有各种各样的javascript错误,这没有用。你能说得具体点吗?我一直在做一些编辑。现在看起来好点了吗?$'datepickertest'.Zebra_DatePicker;至少你的代码是正确的,但是文件没有正确加载。很抱歉,我在你的JSFIDLE示例中没有看到图标,也没有看到弹出日历。你确定它对你有用吗?我试图创建一个简单的示例。我真正的实现有所有这些文件和链接——我已经检查了又检查了。此外,我确实在上面的示例代码中首先使用了和jquery。它对我很有用。检查你的浏览器。你的浏览器是什么?我刚刚在我的三个浏览器中进行了测试。我在自己的网站上将链接更改为公用文件夹。仍然不起作用。我从“如何使用”下的示例中复制了这一点!我想知道这是不是一个错误?