gpt4 book ai didi

javascript - Zebra 日期选择器图标未显示

转载 作者:行者123 更新时间:2023-11-29 19:31:37 27 4
gpt4 key购买 nike

任何熟悉 Zebra Datepicker 的人?

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

http://jsfiddle.net/abalter/gzbqrxpL/

我也在尝试:

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

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

顺便说一句,我试着查看演示页面的源代码,但我没有看到任何地方提到的脚本,所以这并不能提供太多指导。

最佳答案

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

您应该遵循他们的教程。

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

其次,下载包含所有文件的脚本,包括带有 themes.png、calendar.png 的/css 文件夹,如果您想使用该主题,还可以下载 metallic 文件夹。

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

然后它应该可以工作了。你的 JSFiddle 没有工作,因为你将外部资源引用到 github,而 github 不是 CDN,所以浏览器没有加载。

就是这样。

关于javascript - Zebra 日期选择器图标未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27133973/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com