Question

我正常使用JQM日期框，而且几天前，在我的日期框字段中，我看不到日历图标，现在我看到一个链接说：“打开日期选择器”。我想这是一个CSS问题，但一切似乎都很正常。以下是我的代码：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <style type='text/css'>

    html { background-color: #333; }

    @media only screen and (min-width: 600px){
        .ui-page {
            width: 600px !important;
            margin: 0 auto !important;
            position: relative !important;
            border-right: 5px #666 outset !important;
            border-left: 5px #666 outset !important;
        }
    }   

</style>
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.css" />
<link type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.min.css" rel="stylesheet" /> 
<link type="text/css" href="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog.min.css" rel="stylesheet" /> 
<link type="text/css" href="http://dev.jtsage.com/jQM-DateBox2/css/demos.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/latest/jquery.mobile.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.core.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.mode.calbox.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/i18n/jquery.mobile.datebox.i18n.en_US.utf8.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/gpretty/prettify.js"></script>
<link type="text/css" href="http://dev.jtsage.com/gpretty/prettify.css" rel="stylesheet" />
</head>
<body>

   <input name="FGRvsSGA_LMP" id="FGRvsSGA_LMP" placeholder="Test" type="text" data-role="datebox" data-options='{"mode":"calbox", "useNewStyle":true, "calUsePickers": true, "calNoHeader": true }' />
</body>
</html>

我试图改变CSS顺序但没有成功，我也检查了http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.min.css中日历的图像，一切都看得正常。如何恢复此图标？

Answer 1

没有任何代码，只能猜测按钮从icon-only按钮变为non-icon按钮。

由于最新版本中基于链接的按钮要求您手动添加所有类（因为JQM在某些时候不再执行此操作），请尝试通过添加类来更改日历图标按钮：

ui-btn ui-icon-calendar ui-btn-icon-notext ui-shadow ui-corner-all

看看这是否有帮助。

如果没有...发布一些代码和JSBIN。

Answer 2

这是版本不匹配。

-Queryst for jQueryMobile是1.3分支，特别是1.3.2最后我看了。
DateBox的-latest基于jQM 1.4.3。

如果您有令人信服的理由需要使用jQM 1.3，请继续阅读。如果没有，我建议使用1.4分支，它更清洁，jQM团队继续实现跨越式发展。

对于jQM 1.3.2 -

您需要链接到-latest以外的来源。

看一下这个页面的来源 - 它使用的是jQM 1.3.2和Datebox 1.4.0（链接到DateBox 1.4.0的原因是1.3.2版本存在一个巨大的问题，因为它确实存在不尊重数据限制，我没有时间反向修复。我的构建系统真的没有设置为保持并发版本，而且我当时没有适当分支 - 愚蠢的错误）

http://dev.jtsage.com/jquery-mobile-datebox/tests/test.php?ver=1.3.2&verB=1.4.0

使用旧版jQM的任何比1.4.0更新的东西都会显示该问题。这可能是制作该1.4.0源文件的本地副本的一个非常好的时机，在下一周左右管道中有一些重大变化发生在DateBox上（jQM团队正在做出很多重大改变） 1.5.0 - 或者更确切地说，它们在1.4.0中贬值了很多，并且它在1.5.0中都有好消息。

JQM Datebox不显示日历图标

2 个答案: