カレンダーアイコンが表示されない

私はこの方法でjquery ui datepickerを使用しています:

$('<input type="text" />').datepicker({
    buttonImage: "http://localhost:2000/proj/styles/calendar/images/calendar/cal.gif"
}).appendTo(container);

このパス "http:// localhost:2000/proj/styles/calendar/images/calendar/cal.gif"は画像につながります。私はそれをチェックした。

このコードが実行されると、アイコンを持たない作業日のピッカーが表示されます。テキストボックスにフォーカスすると、カレンダーが表示されます。

カレンダーアイコンが表示されないのはなぜですか?

1
@ Pointy:ブラウザに画像を表示します。
追加された 著者 Naor,
完全修飾ドメイン名を使用してイメージを参照する必要がありますか?あなたのページが同じサーバー上にある場合、私は '/proj/styles/calendar/images/calendar/cal.gif'を使います。
追加された 著者 halfer,
そのURLをブラウザのアドレスフィールドに直接入力するとどうなりますか?
追加された 著者 Pointy,
それはすべてのブラウザで起こっていますか?
追加された 著者 Sameera Thilakasiri,

2 答え

i think that the option will only actived when u focus the input, because as default is showOn: 'focus'

したがって、この行を変更して確認してください:

buttonImage: '',//URL for trigger button image

datepickerのメインソース(デフォルト: jquery.ui.datepicker.js

0
追加された
残念ながら、これは動作しません..
追加された 著者 Naor,

アイコンを表示するには、 showOn オプションをボタンまたは both のいずれかに設定する必要があります。

また、入力がDOMツリー上にある前に、日付ピッカーがアイコンを追加するのに苦労していると思います。したがって、 appendTo()datepicker()の呼び出しをスワップすることを検討する必要があります。

$('<input type="text" />').appendTo(container)).datepicker({
    buttonImage: "icon url",
    buttonImageOnly: true,
    showOn: 'button'
});

具体的には、 http://jsfiddle.net/william/GyP2u/1/ をご覧ください。

0
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript