我的实现中缺少日期选择器映像？使用jquerymobile

我正在实现一个日期选择器。但左侧缺少默认图像。我不知道为什么它没有显示在浏览器中。当我看到演示时，它显示得很好。 我用了这个：

<script type="text/javascript" src="lib/jqm-datebox.core.min.js"></script>
<script type="text/javascript" src="lib/jqm-datebox.mode.calbox.min.js"></script>
<script type="text/javascript" src="lib/jqm-datebox.mode.datebox.min.js"></script>
<script type="text/javascript" src="lib/jqm-datebox.mode.durationbox.min.js"></script>
<script type="text/javascript" src="lib/jqm-datebox.mode.flipbox.min.js"></script>
<script type="text/javascript" src="lib/jqm-datebox.mode.slidebox.min.js"></script>
<script type="text/javascript" src="lib/jQuery.mousewheel.min.js"></script>
<script type="text/javascript" src="lib/jQuery.mobile.datebox.i18n.en_US.utf8.js"></script>

<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true,"zindex":1200}'/>

但图像不显示

这是我的密码：

---

我认为这是一个CSS问题。（CSS冲突？

我没有下载你的代码

您是否检查过图像文件是否需要以不同方式引用？JS文件可能正在使用相对引用，您可以尝试更改它们，以便它们引用根目录中的文件路径。

---

例如，将JS文件中的“img/calendar.gif”更改为“/lib/img/calendar.gif”（如果使用了或CSS文件）。

日期选择器图像由类

ui图标日期框提供。这个在你的HTML中

ui图标日期框
CSS类定义在：

<link type="text/css" href="css/jqm-datebox.min.css" rel="stylesheet">

但是如果你现在转到：
`/css/image
你找不到名为：
datebox.png
的文件。这就是问题所在

注意：作为一般建议，在使用外部CSS/JS库时不要移动文件。保留
css
，
js
，
img
作为您自己的代码。只需将外部库转储到名为
external
（或smth.similor）的目录中，并在下载时保留其结构即可。这可以帮助您避免此类问题，因为许多库都定义了自己的目录结构，您不想“干扰”内部图像/CSS文件引用。
如果您希望别人回答您的问题，请不要附加zip文件。使文章更长，编写代码段。尽量减少您的问题，只保留基本代码（HTML、CSS和JS），实际上，当我在fiddle上使用正确的代码时，它工作正常。。！！但是，当我将代码集成到我的代码中时，它并没有显示图标将小提琴放在你的问题中，并告诉人们与你在代码中看到的不同之处。事实上，当我检查小提琴时，它工作得很好。唯一的问题是在集成上，我的代码工作得很好。唯一的问题是图标的问题，而不仅仅是显示run index.html。问题是日期框图标未显示。我认为css存在冲突，这就是为什么我问这个问题，但在fiddle上它起作用了，我只做同样的事情导入js和css文件日期选择器显示，但图标没有，，谢谢…这是一个很棒的答案…你能帮我再找一个问题来搜索div的文本吗…只要把问题贴在上面，你肯定会找到很多答案的。只要锻炼你的提问技巧就行了。
background-image: url('image/datebox.png')!important;
background-repeat: no-repeat!important;
background-position: 99% 8px!important;