Question

我似乎无法显示日历图标。

我也在尝试：

<!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，图标图像。

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

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

Answer 1

以下是一个基于代码的工作示例：http://jsfiddle.net/gzbqrxpL/1/

你应该按照他们的教程。

首先，在html文件的开头添加<!doctype html>。

其次，使用所有文件下载脚本，包括带有themes.png，calendar.png的/ css文件夹和金属文件夹（如果要使用该主题）。

第三，在添加zebra datepicker之前添加jquery。

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

那就是它。

Answer 2

首先，确保您正确选择datepickertest。包括＆＃34;＃＆＃34;或＆＃34;。＆＃34;事先分别选择id或class。我认为不包括那些选择标签元素。

我没有专门研究Zebra-Datepicker，至少我知道你需要初始化一些值的常规日期选择器。

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

检查您需要初始化的值。

斑马datepicker图标没有出现

2 个答案: