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。它对我很有用。检查你的浏览器。你的浏览器是什么?我刚刚在我的三个浏览器中进行了测试。我在自己的网站上将链接更改为公用文件夹。仍然不起作用。我从“如何使用”下的示例中复制了这一点!我想知道这是不是一个错误?