2016-12-05 78 views
2

將jQuery Mobile datepicker添加到我們的MVC應用程序後,它工作正常,但看起來不正確(它是透明的,圖標丟失,字體錯誤等)。jQuery Mobile datepicker不添加所有類

將其與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陰影缺失;對於其他元素也是如此,例如按鈕具有ui-state-default但缺少ui-btn類,prev/next按鈕缺少除'ui-datepicker-prev ui-corner-all'以外的所有內容。等等。使用「$('。datepicker')。datepicker()」在$(document).ready後面初始化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> 

如前所述,功能是沒有問題的,因爲預期所有的作品,但很明顯,我失去了一些東西。有誰知道爲什麼不是所有的課程都添加了?

+0

根據[github](https://github.com/arschmitz/jquery-mobile-datepicker-wrapper)鏈接,您必須使用'.date()'而不是'.datepicker ()''**請注意:這個小部件被稱爲date not datepicker,所以當調用方法時,您必須使用$(element).date(「method」); **「 – TheWandererr

+0

謝謝,就是這樣!如果你作爲回答發佈,我會相應地標記它 – devlock

+0

肯定^^我會那樣做 – TheWandererr

回答

0

根據github鏈接,您必須調用方法.date()而不是.datepicker()這可能對您有所幫助。

「請注意:這個小部件被稱爲日不日期選擇器,所以當 調用方法必須使用$(元素).date(」 方法 「);」 **

**在自述文件的底部