web-dev-qa-db-ja.com

JQuery UI datepicker月間ナビゲーションの次の前の矢印を表示する方法は？

タイトル通りです。

日付ピッカーをロードすると、変更月をクリックするための端に何もありません。

しかし、ビジュアルなしで月を変更することはできますか？

javascriptjquery-uidatepicker
13
Malcolm

グラフィックが正しく読み込まれていないようです。デフォルトでは、jQuery UIは、画像を含むフォルダーがcssファイルがあるフォルダーのサブフォルダーであると想定しています。 Firebug（[ネット]タブ）などのツールを使用して、矢印で画像のリクエストを検出し、画像を読み込もうとしているURLを確認します。

15
David Hedlund

短い答え。 jqueryuiテーマによって提供された画像をロードしませんでした。 chromeまたはfirefoxのいずれかでコンソールを開きます。ここで、どの画像をどこに配置するかが通知されます。

2
macio.Jun

テーマが完全ではないようです。月の変更オプションを正しく読み込んでいることを確認してください。

$( ".date" ).datepicker({ changeMonth: true });

または

$( ".date" ).datepicker( "option", "changeMonth", true );

cSSが正しく検出されていることを確認し、firebugを使用して、「NET」タブで呼び出され、検出されなかったファイルを検査できます。

2
Gabriel

私もこの問題に出くわしました。

テーマを再ダウンロードしただけです。テーマフォルダ内の画像が破損していることが判明しました。

1
Obay

私も同様の問題を抱えています。月を変更することはできますが、矢印が表示されません。ページ内にオーバーライドするスタイルを指定しても。彼らは他のページで動作するので、奇妙です。

<style type='text/css'>
ui-icon ui-icon-circle-triangle-e {z-index:9999 !important; position:absolute} 
</style>
0
triplethreat77

ChromeまたはFFに移動し、インスペクターを使用すると、そこに必要な画像が表示されます。要素は次のようになります。

<span class="ui-icon ui-icon-circle-triangle-w">

    Prev

</span>

cSSルールは次のようになります

   background-image: url("images/ui-icons_d8e7f3_256x240.png");
}

前述のように、[ネットワーク]タブは、どの画像が読み込まれていないかを確認するのに最適な場所です。

ここでの1つの落とし穴は、URLがjsファイルに関連していることです。 404画像の1つをクリックすると、上部にURLを要求することはありません。 URLはJSファイルに関連しているため、ルートから画像フォルダがある場合は、そこに画像を配置してもあまり役に立ちません。ダウンロードしたZipからimagesフォルダーをコピーし、jsフォルダーに配置します。これで問題は解決しました。

ChangeMonthのドキュメントを別のことをしていると読みました。私はそれがここに述べられた問題を解決するとは思わない。 http://api.jqueryui.com/datepicker/#option-changeMonth

0
greg