2016-12-05 10 views
2

MVCアプリケーションにjQuery Mobileのdatepickerを追加した後、正しく動作しますが、正しく表示されません(透明、アイコンが欠落している、フォントが間違っていますなど)。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"... 

取得

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

言い、UI-影が欠落しています。たとえば、ボタンにui-state-defaultが設定されていて、ui-btnクラスが見つからないなど、prev/nextボタンには 'ui-datepicker-prev ui-corner-all'等々。

datepickerは、$( '。datepicker')。datepicker()で$(document).readyの後に初期化されます。

ロードされたスタイルとスクリプトは、

述べたように
<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 ( "method"); ** " – TheWandererr

+0

ありがとう、それでした!あなたが答えとして投稿するなら、私はそれに応じてそれをマークします – devlock

+0

確かに^^私はそれをします – TheWandererr

答えて

0

githubリンクによれば、.date()のメソッドを呼び出す必要があります。.datepicker()ではなく、このメソッドを呼び出す必要があります。


は "ご注意:このウィジェットは 呼び出すメソッドを使用すると、$(要素).date使用しなければならないときに日付ピッカーない日付と呼ばれている(" メソッド ");" **

**でREADMEの末尾

関連する問題