jQuery Mobile datepicker没有添加所有类

时间:2016-12-05 08:41:54

标签: jquery-ui jquery-mobile

将jQuery Mobile日期选择器添加到我们的MVC应用程序后,它工作正常,但看起来不正确(它是透明的,图标丢失,字体错误等)。

将它与http://demos.jquerymobile.com/1.4.5/datepicker/的演示进行比较,我可以在调试器中看到我们的版本中缺少某些类。例如,演示说

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-shadow"...

我得到了

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"...

在这种情况下,ui-shadow丢失了;对于其他元素也是如此,例如按钮确实具有ui-state-default但是缺少ui-btn类,prev / next按钮缺少除了&u;-datepicker-prev ui-corner之外的所有内容-all&#39;等等。

datepicker在$(document).ready之后初始化为&#34; $(&#39; .datepicker&#39;)。datepicker()&#34;。

加载的样式和脚本是(调试模式)

<link href="/somePath/jq-mobile.1.4.5.css" rel="stylesheet">
<link href="/somePath/jquery.mobile.icons.css" rel="stylesheet">
<link rel="stylesheet" href="http://cdn.rawgit.com/arschmitz/jquery-mobile-datepicker-wrapper/v0.1.1/jquery.mobile.datepicker.css">
<script src="/somePath/jquery-2.2.3.js"></script>
<script src="/somePath/jquery-migrate-1.3.0.js"></script>
<script src="/somePath/jquery.mobile-1.4.5.js"></script>
<script src="http://cdn.rawgit.com/jquery/jquery-ui/1.10.4/ui/jquery.ui.datepicker.js"></script>
<script id="mobile-datepicker" src="http://cdn.rawgit.com/arschmitz/jquery-mobile-datepicker-wrapper/v0.1.1/jquery.mobile.datepicker.js"></script>

如上所述,功能不是问题,一切都按预期工作,但显然我错过了一些东西。有谁知道为什么不添加所有课程?

1 个答案:

答案 0 :(得分:0)

根据github链接,您必须使用.date()而不是.datepicker()来调用方法,这可能对您有帮助。

  

“请注意:此小部件名为date not datepicker,因此   调用方法必须使用$(element).date(“method”);“**

**在README的底部