jQuery 移动日期选择器未全部添加类

Question

将 jQuery 移动日期选择器添加到我们的 MVC 应用程序后，它工作正常但看起来不正确（透明、图标丢失、字体错误等）。

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

<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 class，缺少 prev/next 按钮除 'ui-datepicker-prev ui-corner-all' 以外的所有内容等等。

日期选择器在 $(document) 之后初始化。准备好“$('.datepicker').datepicker()”。

加载的样式和脚本为（调试模式）

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

如前所述，功能不是问题，一切都按预期工作，但显然我遗漏了一些东西。有谁知道为什么不添加所有 classes？

Answer 1

根据 github link，您必须使用 .date() 而不是 .datepicker() 调用方法，这可能对您有所帮助。

"Please note: this widget is called date not datepicker so when calling methods you must use $(element).date("method");"**

**在自述文件的底部

jQuery 移动日期选择器未全部添加 类

jQuery Mobile datepicker not adding all classes

jquery-ui

jquery-mobile

jQuery 移动日期选择器未全部添加类